02Făcut aici
Prima piesă este cea pe care o purtați.
Acest site este prima piesă a atelierului. Derulați ca să vedeți cum a fost croit, de la primul semn până la proba finală.
- 00Pânză albă
- 01Semnul
- 02Stofa
- 03Firul
- 04Tiparul
- 05Croiala
- 06Proba
Orice site începe la fel: o pagină goală și o adresă.
Craie înseamnă cretă în franceză: linia trasă de croitor înainte de tăiere. Numele a devenit primul semn.
Opt tonuri, de la cretă la umbră, alese ca o stofă. Fiecare este verificat pentru contrast, ca fiecare rând să rămână lizibil.
Un singur font, Geist, în două grosimi. Fără decor acolo unde claritatea își face treaba.
O grilă de 12 coloane și un ritm de 8 pixeli. Fiecare secțiune este croită după același tipar, ca pagina să stea împreună.
Fiecare animație de pe acest site pornește de la o singură linie, trasă cu aceeași curbă. Dacă o mișcare nu are un motiv, nu există.
Testat pe ecrane mari, tablete și telefoane, apoi măsurat. Acestea sunt rezultatele.
ateliercraie.com
Geist 400Geist 500
Un singur font, peste tot.
- --fs-heroclamp(52px, 11vw, 176px)
- --fs-lclamp(38px, 6vw, 96px)
- --fs-mclamp(28px, 3.4vw, 48px)
- --fs-ledeclamp(18px, 1.6vw, 22px)
- --fs-body17px
- --fs-label12px
- Deschidere
- Principii
- Ofertă
- Făcut aici
- Proces
- Atelier
- Întrebări
- Contact
- Subsol
12 coloane · 8 px
cubic-bezier(0.16, 1, 0.3, 1)
- Performanță
- 73
- Accesibilitate
- 100
- Bune practici
- 100
- SEO
- 100
- Greutatea paginii
- 128 KB
- Cereri către terți
- 0
- Cookie-uri de urmărire
- 0
- Limbi
- 2
Măsurat cu Lighthouse (mobil) pe 13 noiembrie 2026.
ateliercraie.com
00 Pânză albă
Orice site începe la fel: o pagină goală și o adresă.
01 Semnul
Craie înseamnă cretă în franceză: linia trasă de croitor înainte de tăiere. Numele a devenit primul semn.
02 Stofa
Opt tonuri, de la cretă la umbră, alese ca o stofă. Fiecare este verificat pentru contrast, ca fiecare rând să rămână lizibil.
Geist 400Geist 500
Un singur font, peste tot.
- --fs-heroclamp(52px, 11vw, 176px)
- --fs-lclamp(38px, 6vw, 96px)
- --fs-mclamp(28px, 3.4vw, 48px)
- --fs-ledeclamp(18px, 1.6vw, 22px)
- --fs-body17px
- --fs-label12px
03 Firul
Un singur font, Geist, în două grosimi. Fără decor acolo unde claritatea își face treaba.
- Deschidere
- Principii
- Ofertă
- Făcut aici
- Proces
- Atelier
- Întrebări
- Contact
- Subsol
12 coloane · 8 px
04 Tiparul
O grilă de 12 coloane și un ritm de 8 pixeli. Fiecare secțiune este croită după același tipar, ca pagina să stea împreună.
cubic-bezier(0.16, 1, 0.3, 1)
05 Croiala
Fiecare animație de pe acest site pornește de la o singură linie, trasă cu aceeași curbă. Dacă o mișcare nu are un motiv, nu există.
- Performanță
- 73
- Accesibilitate
- 100
- Bune practici
- 100
- SEO
- 100
- Greutatea paginii
- 128 KB
- Cereri către terți
- 0
- Cookie-uri de urmărire
- 0
- Limbi
- 2
Măsurat cu Lighthouse (mobil) pe 13 noiembrie 2026.
06 Proba
Testat pe ecrane mari, tablete și telefoane, apoi măsurat. Acestea sunt rezultatele.