Plain surface, normal rhythm
Body text with bold, italic and a link.
Style guide
Every surface, rhythm, width and edge in one place. Switch the character and watch all of it change.
Tinted surface
Tinted sections separate content without shouting.
Contrast surface
Text and links switch colour on contrast surfaces.
Image surface
Until a picture is chosen, the image surface uses the contrast colours.
Gradient surface
From the main colour to a neighbouring hue.
Left aligned
Text ranged left, against the centred sections above it.
Tight rhythm, wide
Less space above and below, more across.
Airy rhythm, full width
Room to breathe, edge to edge.