About 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
- Type scale builder: Create harmonious size scales with ratio-based steps.
- Font pairing: Test heading and body combinations in context.
- Realistic previews: See type in article and UI layouts, not just specimens.
- 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.
Featured Tools
Modeinspect
Mode turns your product’s codebase into editable canvas frames. Refine real UI with visual controls, experiment with AI then share or hand off for review.
Hue Codex
Hue Codex is a free, no-account color workspace for designers and developers, with palette generation, WCAG contrast checks, modern CSS tools, image color extraction, local saving, and exports.
AI Boilerplate
The boilerplate built for vibe coding. Includes authentication, payments, storage, and a clean, AI-readable codebase, already wired up. Build on rails that don't break at prompt 100.
PromptCreek
Prompt Creek is a free community-driven repository featuring thousands of AI prompts. Discover, bookmark, and share quality prompts for ChatGPT, Claude, and other AI tools.
Vatis Tech
Vatis Tech is the most powerful speech-to-text infrastructure. It can be used to transcribe user interviews and client meetings.
Webflow
Accelerate website creation without needing to code.
More Typography Tools
205TF
French type foundry showcasing work from independent designers.
All Free Fonts
A selection of beautiful, free fonts curated for quality.
atipo
Digital foundry and design studio specializing in typefaces.
Beautiful Web Type
Guide to the best open-source typefaces.
Birdfont
Browser-based font editor for creating vector graphics.
Blaze Type
Independent foundry creating both retail and custom fonts.
Explore Other Categories
Discover more design resources
New to Design?
Explore our comprehensive design glossary to master essential terminology from A/B Testing to Wireframes.
Browse GlossaryLooking for something specific?
Search through our entire collection of design tools and resources
