Executive office
Sonet template

Style guide

Colors & brand accent settings
Typography - headings, paragraphs, rich text
Layouts, sizing, actions, buttons, labels
Brand Accent Default color
Template Colors
Brand 10
Brand 50
Brand 100
Brand 200
Brand 300
Neutral 400
Brand 500
Brand 600
Brand 700
Brand 800
Brand 900
Brand 950
Neutral 0
Neutral 50
Neutral 100
Neutral 200
Neutral 300
Neutral 400
Neutral 500
Neutral 600
Neutral 700
Neutral 800
Neutral 900
Neutral 950
Body BG
Body BG Dark
Light Secondary
Light Primary
Light Tertiary
Dark Secondary
Dark Primary
Dark Tertiary
Headings

H1 Base Heading

H2 Base Heading

H3 Base Heading

H4 Base Heading

H5 Base Heading
H6 Base Heading
Custom Headings

Heading Custom / is 2XLarge

Heading Custom / is XLarge

Heading Custom / is Large

Heading Custom / is Medium

Heading Custom / is Small

Heading Custom / is XSmall

Heading Custom / is 2XSmall

Custom Uppercase Headings

Heading Custom / is 2XLarge

Heading Custom / is XLarge

Heading Custom / is Large

Heading Custom / is Medium

Heading Custom / is Small

Heading Custom / is XSmall

Heading Custom / is 2XSmall

Default paragraph

Use this paragraph style for standard body copy. It’s optimized for readability, spacing, and long-form content across pages and CMS templates.

Custom Paragraph

Use this variant for supporting descriptions, captions, and secondary content where you want a slightly different rhythm.

Use this variant for supporting descriptions, captions, and secondary content where you want a slightly different rhythm.

Use this variant for supporting descriptions, captions, and secondary content where you want a slightly different rhythm.

Bold Paragraph

Use bold paragraphs for emphasis - introductions, key takeaways, and short statements that should stand out.

Use bold paragraphs for emphasis - introductions, key takeaways, and short statements that should stand out.

Use bold paragraphs for emphasis - introductions, key takeaways, and short statements that should stand out.

Rich Text Block

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Use this paragraph style for standard body copy. It’s optimized for readability, spacing, and long-form content across pages and CMS templates.

Block quote

Ordered list

  1. Item 1
  2. Item 2
  3. Item 3

Unordered list

  • Item A
  • Item B
  • Item C

Text link

Bold text

Emphasis

Superscript

Subscript

Sonet template example image
Labels
Label text is a short supporting line placed above a heading or section title.
Columns
With Fill
Column 1
Column 2
Column 2
Column 3
Column 3
Column 3
Column 4
Column 4
Column 4
Column 4
Flex Layouts
Flex
Flex Row
Flex Col
Flex Wrap
Max Widths
Max W15
Max W20
Max W30
Max W40
Max W48
Max W56
Max W64
Max W72
Max W72
Buttons and Links / Light BG
Label icon
Label text is a short supporting line placed above a heading or section title
Button icon
Primary action
Button icon
Buttons and Links / Dark BG
Button icon
Primary action
Button icon
Button icon
Secondary action
Button icon
Explore
Button icon
Accepting new clients
Accepting new clients
Accepting new clients
Label icon
Label text is a short supporting line placed above a heading or section title
Button icon
Primary action
Button icon
Section BG Colors
Subtle
Base
Strong
Transparent
dark Subtle
Dark base
Dark strong
GSAP Custom Attributes
data-text-reveal / true
data-list-scroll-in / true
data-element-scroll-in / true
data-text-scroll-in (CHILDRENS) / true
data-text-line-scroll-in (CHILDRENS) / true
Content blocks

Basic content heading

Use this paragraph style for standard body copy. It’s optimized for readability, spacing, and long-form content across pages and CMS templates.

Execution efficiency
Leadership alignment
Strategic focus
01

Our offerings

Focused areas of expertise across strategy, leadership, and organizational decision-making. Further perspective gradually revealed.

Scroll to explore

Editorial icon
About
01

Expertise Areas

Coaching programs designed around real executive leadership challenges

Use this paragraph style for standard body copy. It’s optimized for readability, spacing, and long-form content across pages and CMS templates.

01
Focused on real leadership contexts
02
Grounded in strategic and organizational reality
03
Adapted to individual leadership challenges