Typography
Work in ProgressFont families, usage guidelines, and type scale for the PIAF brand.
Font Families
Moglan
Logo / Wordmark
The signature typeface used exclusively for the PIAF logo and wordmarks. Elegant serif with classic proportions.
PIAF ALIGNMENT STUDIO
Fraunces
Headings / Display
A soft serif variable font for headings and display text. Warm and approachable with a touch of personality.
Find Your Balance
DM Sans
Body / UI
A clean geometric sans-serif for body text and interface elements. Highly readable at all sizes.
The quick brown fox jumps over the lazy dog.
JetBrains Mono
Code / Data
A monospace font for code snippets, data, and technical content. Clear distinction between similar characters.
const wellness = true;
Type Scale
48px
PIAF Wellness
36px
PIAF Wellness
30px
PIAF Wellness
24px
PIAF Wellness
20px
PIAF Wellness
18px
PIAF Wellness
16px
PIAF Wellness
14px
PIAF Wellness
12px
PIAF Wellness
Usage Guidelines
Headings
- Use Fraunces for all headings (H1-H3)
- Use semibold or bold weight for emphasis
- Maintain consistent hierarchy across pages
Body Text
- Use DM Sans for all body copy
- Default to 16px (1rem) for comfortable reading
- Line height of 1.5-1.75 for body text
Logo Text
- Use Moglan only for wordmarks
- Never use for body text or headings
- Always use official logo files when possible
Technical
- Use JetBrains Mono for code
- Also suitable for data tables and timestamps
- Helps distinguish technical content