typography, color, icons, shadows,
borders, whitespace, etc
website which helps developers to build beautiful webpages
Created by jumail j
INTER
Whereas disregard and contempt for human rights have resulted
12345
OPEN SANS
Whereas disregard and contempt for human rights have resulted
12345
ROBOTO
Whereas disregard and contempt for human rights have resulted
12345
MONTSERRAT
Whereas disregard and contempt for human rights have resulted
12345
WORK SANS
Whereas disregard and contempt for human rights have resulted
12345
LATO
Whereas disregard and contempt for human rights have resulted
12345
EB GARAMOND
Whereas disregard and contempt for human rights have resulted
12345
BODONI MODA
Whereas disregard and contempt for human rights have resulted
12345
TINOS
Whereas disregard and contempt for human rights have resulted
12345
MERRIWEATHER
Whereas disregard and contempt for human rights have resulted
12345
ALEO
Whereas disregard and contempt for human rights have resulted
12345
PLAYFAIR DISPLAY
Whereas disregard and contempt for human rights have resulted
12345
CORMORANT
Whereas disregard and contempt for human rights have resulted
12345
CARDO
Whereas disregard and contempt for human rights have resulted
12345
LORA
Whereas disregard and contempt for human rights have resulted
12345
Normal font size between 16px and 32px "normal text"
for Long text (like a blog post) size of 20px or even bigger
For headinlines you 50px+ and bold of 600+
Don't use a font weight under 400
Normal-size text use a line height between 1.5 and 2 . For big text go below 1.5
Decreases letter spacing in headlines, if it looks unnatural
Uppercase for short titles. make them small, bold and decrease letterspacing
Don't justify text
Don't center long text blocks. small blocks are fine.
Scale : 10 12 14 16 18 20 24 30 36 44 52 62 74 86 98 ...