Portfolio Step 7: A Type System

Establish the typography for your whole site in one place. Choose a font stack with a sensible fallback, set a base size in rem, set a unitless line-height between 1.5 and 1.7, and constrain your reading columns to a comfortable measure. Then define a small scale of heading sizes in rem rather than picking arbitrary numbers, so h1 through h3 relate to each other deliberately. Finally, choose four colors: a text color, a background, an accent, and a muted color for secondary text, and use only those.