Archetype

Archetype: What is Archetype?

Archetype is a tool for designing and previewing typographic systems. Build a type scale, pair fonts, fine-tune size, line height, and spacing, and see how the whole system reads in realistic layouts before committing it to design or code.

Key Features

1. Type scale builder: Create harmonious size scales with ratio-based steps.
2. Font pairing: Test heading and body combinations in context.
3. Realistic previews: See type in article and UI layouts, not just specimens.
4. Export-ready: Translate decisions into usable CSS values.

Who It's For

Archetype is built for designers who care about type systems:

• Product and brand designers
• Design system maintainers
• Developers implementing type scales
• Anyone establishing consistent typography

Conclusion

Archetype turns typographic decisions into a deliberate, previewable system, helping teams define type that's consistent, harmonious, and ready to implement.