Fonderie · caractères · Pages réalisations
Typefoundry
Caractères à tester en live
Scroll pour découvrir ↓
01 · Fonderie · caractères
Tester une fonte en live
Caractères à tester en live. Direction fictive — même niveau de craft que les missions clients sous NDA.
- 01
Texte libre
Tape ce que tu veux voir — la preview suit.
- 02
Graisse & corps
400 / 700, 24–48 px — décisions typo immédiates.
- 03
Preuve
Le prospect juge la fonte, pas une capture figée.
01b · Technique
Fiche technique
Stack, mise en ligne et mon rôle sur ce build — pour recruteurs et tech leads.
- Technologies
- Next.js
- TypeScript
- React
- Tailwind CSS
- Librairies & outils
- Framer Motion
- next/image
- Déploiement
Démo portfolio — rendu front, assets optimisés
- Rôle
Direction artistique · intégration · motion
- Conditions
Pièce studio — direction visuelle & craft UI
02 · Dans le produit
Un scroll, un écran
Chaque section se cale à l’écran — continue après le dernier pour revenir au récit.
Fonderie · caractères
Texte libre
Tape ce que tu veux voir — la preview suit.
Graisse & corps — 400 / 700, 24–48 px — décisions typo immédiates.
DA & éditeurs
Moins de PDF d’essai
“On valide une graisse en réunion, sans export.”
Tape dans la fonte
Testeur local · zéro download.
Retour au récit
Tu as quitté les écrans démo — ensuite : tester, puis les notes de craft.
03 · DA & éditeurs
Moins de PDF d’essai
“On valide une graisse en réunion, sans export.”
“Les licences se vendent mieux quand on peut taper dedans.”
04 · Essai
Tape dans la fonte
Testeur local · zéro download.
- →Hero + sections sous la fold (pas juste une accroche)
- →Hiérarchie visuelle et CTA principal
- →Densité d’info vs lisibilité
Portez ce vieux whisky
Démo locale — aucune donnée n’est envoyée.
05 · Même famille
D’autres directions du même type — pour comparer densités et ambiances.
06 · Ce qu’on regarde
- 01Hero + sections sous la fold (pas juste une accroche)
- 02Hiérarchie visuelle et CTA principal
- 03Densité d’info vs lisibilité
- 04États interactifs (hover, sélection, feedback)