Aesthetics Manual
Style Guide
Sophie Murfitt Design websites to suit any project — that means making style choices that are highly customised, but flexible enough for the end user to navigate without the need for tons of coding. Use this page to make small changes and balances, in context with the rest of the site’s typography and styles.
Typography
All font sizing, line height, letter spacing, and formatting is available in the Site Styles window. Making a header bold will double its set size.
Mega H1 (Bold)
Mega H1
H1 (Normal)
Heading 1
Mega H2 (Bold)
Mega H2
H2 (Normal)
Heading 2
Mega H3 (Bold)
Mega H3
H3 (Normal)
Heading 3
P1 (Bold)
XL Paragraph
P1 (Normal)
Large Paragraph
P2
Normal Paragraph
P3
Small Paragraph
Buttons
Primary Button
Use for most cases.
Secondary Button
Use for smaller CTA’s
Tertiary Button
Larger, bolder use cases.