New report: How growing companies lose momentum. Read

New report: How growing companies lose momentum. Read

New report: How growing companies lose momentum. Read

New report: How growing companies lose momentum. Read

Style Guide

1. Text Styles

The typography system is designed to create a clear visual hierarchy while maintaining consistency across all screens. From large display headings to subtle captions, each style is defined to guide attention, improve readability, and support structured content.

Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Text Large
Text Large (Strong)
Text Medium
Text Medium (Strong)
Text Small
Text Small (Strong)
Label large
label small
2. Colors

The color system is built around a restrained, functional palette with a strong emphasis on contrast and usability. Core neutrals establish the foundation, while accent colors are used intentionally to highlight actions, states, and key elements.

Ink Dark

Ink light

Accent 1

Accent 2

dark surface 1

dark surface 2

dark surface 3

light surface 1

light surface 2

light surface 3

3. Buttons

Buttons are designed to clearly communicate hierarchy and intent. Primary actions are visually prominent, while secondary and tertiary styles provide support without competing for attention.

4. Inputs

Input components are built for clarity, feedback, and ease of use. Different states - default, active, and filled help users understand where they are in the interaction and what is expected.

THE BAILEY HART BRIEF

Strategic notes for better business decisions

Your information is never disclosed to third parties.

Create a free website with Framer, the website builder loved by startups, designers and agencies.