Module 3 · Shipping a portfolio app Lesson 8 of 15
Styling that looks deliberate
One spacing scale, one type scale and two or three colours is the whole secret. Most fresher projects fail the look test because every element chose its own margin.
Worked example
Pick 8px and 16px for all padding, one accent colour for actions only, and remove the third font. Consistency reads as competence, and it takes an afternoon.
Your practice task
Restyle your app with one spacing scale and one accent colour, then view it at 390px wide and fix whatever overflows.
Do this before moving on. Reading a solution teaches the shape of it; typing it teaches you.
Key takeaway
One spacing scale, one type scale and two or three colours is the whole secret. Most fresher projects fail the look test because every element chose its own margin.
Keep your place in this course
A free account saves which lessons you have finished and unlocks the certificate. The lesson itself stays free to read.
Create free account or sign inCourse complete
You finished every lesson.
Your certificate is ready, and the projects you built are the proof to attach to an application.
Almost there
15 lessons left of 15
Finish every lesson to unlock the certificate. Each one ends in a practice task — do them and the final project brief writes itself.