Foundry · typefaces · Work pages
Typefoundry
Typefaces to test live
Scroll to explore ↓
01 · Foundry · typefaces
Test a face live
Typefaces to test live. Fictional direction — same craft as real client work under NDA.
- 01
Free text
Type what you want — preview follows.
- 02
Weight & size
400 / 700, 24–48px — instant type decisions.
- 03
Proof
Prospects judge the face, not a frozen shot.
01b · Engineering
Technical sheet
Stack, shipping and my role on this build — for recruiters and tech leads.
- Technologies
- Next.js
- TypeScript
- React
- Tailwind CSS
- Libraries & tools
- Framer Motion
- next/image
- Deployment
Portfolio demo — front render, optimized assets
- Role
Art direction · integration · motion
- Context
Studio piece — visual direction & UI craft
02 · Inside the product
One scroll, one screen
Each section locks to the viewport — keep scrolling past the last screen to return to the brief.
Foundry · typefaces
Free text
Type what you want — preview follows.
Weight & size — 400 / 700, 24–48px — instant type decisions.
ADs & publishers
Fewer trial PDFs
“We approve a weight in the meeting, no export.”
Type in the face
Local tester · zero download.
Back to the brief
You’ve left the demo screens — next: try it, then the craft notes.
03 · ADs & publishers
Fewer trial PDFs
“We approve a weight in the meeting, no export.”
“Licenses sell better when you can type in them.”
04 · Try
Type in the face
Local tester · zero download.
- →Hero + below-the-fold sections (not just a hook)
- →Visual hierarchy and primary CTA
- →Information density vs readability
The quick brown fox
Local demo — no data is sent.
05 · Same family
Other directions of the same type — to compare density and mood.
06 · What to look at
- 01Hero + below-the-fold sections (not just a hook)
- 02Visual hierarchy and primary CTA
- 03Information density vs readability
- 04Interactive states (hover, selection, feedback)