Typography

Fonts used across the Applied AI Society brand.

---

Wordmark Typography

We use two distinct typography styles for our primary wordmarks.

1. Applied AI Society (Main Logo)

The primary wordmark uses a single, consistent font family to convey stability and professionalism.

• Font: Helvetica Neue Bold (or Arial Bold)
• "APPLIED AI" Color: #1A1A1A (Light Mode) or #FFFFFF (Dark Mode)
• "SOCIETY" Color: Logo Gradient (#FFC14D to #E67B35)

---

2. Applied AI Live (Events)

The event wordmark introduces a hand-drawn script to add energy, human touch, and "live" workshop vibes.

• "Applied AI" Font: Helvetica Neue Bold
• "Live" Font: Custom Brush Script
• "Live" Color: #E67B35 (Orange)

The contrast between the structured "Applied AI" and the organic "Live" represents the blend of technical rigor and human creativity.

---

Body & UI Fonts

For documentation, web interfaces, and printed materials:

Use	Font	Weight
Headings	Space Grotesk	600–700
Body text	DM Sans	400–500
Code	Fira Code or system monospace	400

Space Grotesk

A geometric sans-serif with a technical feel. Good for headings and display text.

• Source: Google Fonts
• Weights used: SemiBold (600), Bold (700)

DM Sans

A clean, readable sans-serif for body copy. Slightly geometric but friendly.

• Source: Google Fonts
• Weights used: Regular (400), Medium (500)

---

Loading Fonts

For web projects, include via Google Fonts:

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Space+Grotesk:wght@600;700&display=swap" rel="stylesheet">

Or in CSS:

@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Space+Grotesk:wght@600;700&display=swap');

body {
  font-family: 'DM Sans', sans-serif;
}

h1, h2, h3 {
  font-family: 'Space Grotesk', sans-serif;
}

---

Typography Guidelines

1. Don't use too many weights. Stick to 2-3 per font family.
2. Headings in Space Grotesk, body in DM Sans. Keep it consistent.
3. For wordmarks, use official assets. Don't try to recreate them with system fonts.