Applies <YOUR_APP>'s official brand colors and typography to any artifact. Use when brand colors, style guidelines, visual formatting, or company design standards apply.
Apply <YOUR_APP>'s official brand identity from the design system. Reference: <YOUR_APP>/DesignSystem/Tokens/design-tokens.json
Keywords: branding, <YOUR_APP>, visual identity, design tokens, brand colors, typography, styling
#2B5973 - Main brand color#4D8C8F - Secondary brand color#8FC7BF - Tertiary#A6D9B3 - Quaternary#ABEAEA - Light accent#70DF9B#00008B - Dark Navy (buttons, emphasis)#EEF8FC - Light background accent#C7D1CC - General view background#F2E8DB - Sand Beige (dark mode)#2B3C44 - Primary text#F3E9DB - Text on dark backgrounds#F8F8F8 - Light list backgrounds| Style | Size | Font | Weight |
|---|---|---|---|
| Large Title | 28pt | Inter | Regular |
| Title | 24pt | Inter | Regular |
| Title 2 | 20pt | Inter | Regular |
| Title 3 | 18pt | Inter | Regular |
| Headline | 16pt | Inter | Semibold |
| Subheadline | 14pt | Inter | Regular |
| Body | 15pt | Roboto | Regular |
| Callout | 14pt | Roboto | Regular |
| Footnote | 12pt | Roboto | Regular |
| Caption | 11pt | Roboto | Regular |
| Caption 2 | 10pt | Roboto | Regular |
Primary: Dark Navy #00008B bg, Light #F3E9DB text, 8pt radius, 50pt height, 18pt bold
Secondary: Funk #EEF8FC bg, Main #2B3C44 text, 8pt radius, 44pt height, 16pt semibold
Filter: Dark Navy bg, white text, 12pt radius
White #FFFFFF background, 18pt corner radius, 8pt padding
Positioning: "<YOUR_APP> speaks with warmth, reverence, and clarity."
Tagline: "Where every story is honored — and every storyteller feels valued."
<YOUR_APP> Should Sound:
<YOUR_APP> Should Not Sound:
#2B3C44 for primary text#F3E9DB on dark backgrounds