<aside> <img src="/icons/home_lightgray.svg" alt="/icons/home_lightgray.svg" width="40px" /> Cover

Brand Foundations

Values & Principles

Target Audience

Voice & Tone

Visual Identity

</aside>

Visual Brand Expression

<aside> 🗒️

You may or may not have visual assets yet, and that’s okay. Use this space to organize your brand’s logos, colors, fonts, and other design assets.

</aside>

Logos

<aside> <img src="/icons/crop_orange.svg" alt="/icons/crop_orange.svg" width="40px" /> Logo

Assets [Brand Guidelines]

</aside>

Design Assets

<aside> <img src="/icons/stars_orange.svg" alt="/icons/stars_orange.svg" width="40px" /> Design Assets

Untitled

</aside>

Primary Brand Color

<aside> 🔵 Primary Brand Color

Used for

• Background
• Main graphics
• Themes

Hex: #31404E

</aside>

Secondary Brand Color

<aside> ⚪ Secondary Brand Colors

Used for

• Buttons
• Main graphics
• Complementary

Hex: #A0B3D2

Hex: #C6CACE

</aside>

Primary Font

<aside> <img src="/icons/rename_gray.svg" alt="/icons/rename_gray.svg" width="40px" /> Primary Font

Used for

• Paragraphs and body
• Promo Titles
• Best as 16px+

E.B. Garamond

</aside>

Secondary Font

<aside> <img src="/icons/rename_gray.svg" alt="/icons/rename_gray.svg" width="40px" />

Secondary Font

Used for

• Headings
• Descriptions
• TAGS (CAPS)

</aside>

Mockups

<aside> <img src="/icons/photo-landscape_orange.svg" alt="/icons/photo-landscape_orange.svg" width="40px" /> Mockups

</aside>

Blogs

<aside> <img src="/icons/drafts_orange.svg" alt="/icons/drafts_orange.svg" width="40px" /> Blogs

</aside>