Aesthetics Manual
Style Guide
Studio Mesa templates to suit any project — that means making style choices that are highly customized, 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.
Your template uses the fonts:
Crimson Pro & Inter
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.
Icon Sections
Exploration
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore aliqua.
Kindness
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore aliqua.
Humanity
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore aliqua.