Design Style Guide
Examples of adjectives to use that can describe your brand:
Modern, Approachable, Bold, Trustworthy, Creative
Color palettes
Primary Lightest
Primary Lighter
Primary
Primary Darker
Primary Darkest
Secondary Lightest
Secondary Lighter
Secondary
Secondary Darker
Secondary Darkest
Accent Lightest
Accent Lighter
Accent
Accent Darker
Accent Darkest
Neutral Lightest
Neutral Lighter
Neutral
Neutral Dark
Neutral Darkest
Typography & Sizing
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Regular paragraph text.
Small paragraph text.
2XL
XL
L
M
S
XS
H1: Design with Purpose
Good design is more than aesthetics – it's about creating experiences that connect with your audience. Every element should serve a clear purpose, guiding visitors toward meaningful interactions while reflecting your brand's unique personality.
H2: Creating Visual Hierarchy
When we establish clear visual hierarchy through thoughtful typography choices, we guide users naturally through our content. Strategic use of heading sizes, font weights, and spacing helps readers quickly scan and understand the structure of information, making your message more accessible and engaging.
H3: Typography Sets the Tone
Every choice we make shapes how visitors experience your message. That’s why we approach each project with intention and care.
Typography is the craft of endowing human language with a durable visual form.
- Robert Bringhurst
Ready to transform your web presence? Explore our design services and discover how strategic design can elevate your brand.
H4: Why typography matters:
Good design is more than aesthetics – it’s about creating experiences that connect with your audience.
- Sets the emotional tone of your website
- Improves readability and user experience
- Creates consistency across all pages
H5: Attention to Detail
It’s the small refinements that separate good design from great design. Even minor adjustments can significantly impact user engagement.
- Sets the emotional tone of your website
- Improves readability and user experience
- Creates consistency across all pages
H6: Fine-Tuning the Experience
Good design is more than aesthetics – it’s about creating experiences that connect with your audience. When we establish clear visual hierarchy through thoughtful typography choices, we guide users naturally through our content.
Buttons
Brand Assets
Visual Styles
Border Style #1
Border Style #2
Box Shadow #1
Box Shadow #2
UI Elements
Toggle Title Goes Here
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Accordion Title Goes Here
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Accordion Title Goes Here
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Blurb Title Goes Here
This is the default Blurb when a new one is created. It includes an image or icon, title text and body text. Apply one of the other Blurb module presets to see the other default styles. Individual styles and presets can be used as is or modified further if desired.
Blurb Title Goes Here
Your blurb content goes here. Edit or remove this text inline or in the module Content settings. Either an image or an icon can go above or to the side of the title and text.
Blurb Title Goes Here
Your blurb content goes here. Edit or remove this text inline or in the module Content settings. Either an image or an icon can go above or to the side of the title and text.
Blurb Title Goes Here
Your blurb content goes here. Edit or remove this text inline or in the module Content settings. Either an image or an icon can go above or to the side of the title and text.