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
- Studio
- Întrebări
- Contact
- Subsol
12 coloane · 8 px
cubic-bezier(0.16, 1, 0.3, 1)
- Limbi
- 2
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
- Studio
- Î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ă.
- Limbi
- 2
06 Proba
Testat pe ecrane mari, tablete și telefoane, apoi măsurat. Acestea sunt rezultatele.