DESIGN.md

Brand Guidelines

A visual guide for our brand.

---

1. Typography

Font Families

Instrument Serif

Usage: Headings

Heading 1

• Font: Instrument Serif
• Size: 80px
• Weight: Regular

Heading 2

• Font: Instrument Serif
• Size: 48px
• Weight: Regular / Italic

Heading 3

• Font: Instrument Serif
• Size: 32px
• Weight: Regular

Untitled Sans

Usage: Body text

Body Text Large

• Font: Untitled Sans
• Size: 16px
• Weight: Regular

Body Text Small

• Font: Untitled Sans
• Size: 14px
• Weight: Regular

IBM Plex Mono

Usage: Labels, tags, metadata

Label Text

• Font: IBM Plex Mono
• Size: 14px
• Weight: Regular

---

2. Colours

Color	Hex
Brand Orange	#FFA60C
Green	#22C55E
Mint	#D7F6E2
Cream	#FDF6D6
Black	#0C0C0C
Off White	#F9F7F3

---

3. Shapes

Button — Primary

• Background: #0C0C0C
• Text Color: #F9F7F3
• Shape: Pill
• Border Radius: Full

Button — Secondary

• Background: Transparent
• Border: 1px solid #D9D4CC
• Text Color: #0C0C0C
• Shape: Pill
• Border Radius: Full

Container

• Background: #F9F7F3
• Border Radius: 16px
• Shadow: Soft elevation

---

Brand Principles

• Elegant serif typography for hierarchy and personality.
• Clean sans-serif typography for readability.
• Monospaced labels for utility and metadata.
• Warm neutral palette with vibrant accent color.
• Rounded components to create a friendly, modern interface.