Primary colors
Secondary (navy)
#013364
Extra (blue)
#428BCA
Tertiary (page tint)
#ECF3FA
Font colors
Secondary paragraph
#B0C0CF
Primary (red)
#D30B0D
Buttons
Headings and paragraph
Heading 1
Font Family
:
Kanit (free Google font)
Font Size
:
70 px
Font Weight
:
600
Line Height
:
86 px
Heading 1
Heading 2
Font Family
:
Kanit (free Google font)
Font Size
:
48 px
Font Weight
:
500
Line Height
:
60 px
Heading 2
Heading 3
Font Family
:
Kanit (free Google font)
Font Size
:
30 px
Font Weight
:
600
Line Height
:
44 px
Heading 3
Heading 4
Font Family
:
Kanit (free Google font)
Font Size
:
24 px
Font Weight
:
500
Line Height
:
38 px
Heading 4
Heading 5
Font Family
:
Kanit (free Google font)
Font Size
:
18 px
Font Weight
:
500
Line Height
:
28 px
Heading 5
Heading 6
Font Family
:
Kanit (free Google font)
Font Size
:
14 px
Font Weight
:
500
Line Height
:
22 px
Heading 6
Paragraph
Font Family
:
Lato (free Google font)
Font Size
:
16 px
Font Weight
:
400
Line Height
:
26 px
The body face is Lato at sixteen pixels over twenty-six, which is the setting every paragraph on the site inherits. Headings switch to Kanit, and the two are the only families the theme loads.
The same copy at weight 400, which is what a Markdown body renders at. If a paragraph on this page ever stops matching the one below it in the rich-text block, a token has been renamed and something has quietly fallen back to a browser default.
Rich text
Everything an author can write in Markdown is styled here, so a post that uses an element the design never happened to include still reads properly.
A third-level heading
- An unordered list, with a marker.
- A second item, long enough to wrap onto a second line so the indent is visible.
- An ordered list.
- Its second item.
A pull quote, which the design never used and an author certainly will.
Inline bold, italic, code and alink.