Allbirds
Ak keten üçin tebigy materiallar
“Allbirds” asuda, tebigy ynam bilen işleýär — diýen ýaly doly akromatik kanwas, önümiň suratlaryndan gönüden-göni çekilen ýyly çäge (#e0dacf) we ýumşak toprak reňkleri bilen tamamlanýar. Ulanyjy interfeýsi önüm tejribesine päsgel bermeýär: ak ýüzler, inçe çäkler, ähli uly harplar bilen nawigasiýa we web elementlerinden has köp fiziki düwmelere meňzeýän tabletka şekilli dolandyryşlar. “Self Modern” (özboluşly serif şrifti) redaksiýa ünsüni talap edýän birnäçe möhüm pursatlar — sözbaşylar we ýygyndy atlary üçin ulanylýar, “Geograph” bolsa her harp, esasy nusga we düwme üçin üç deňagramly agramda ulanylýar. Kategoriýa kartlary reňk ulgamyna öwrülýär: her biri öz fon reňkini görkezilen önümden alýar we nawigasiýany janly “Pantone” palitrasyna öwürýär.
Maksimum giňlik ~1200px, merkezi gapdal örtük bilen örtülen. Esasy element - ýyly çäge fonunda doly giňlikdäki redaksiýa zolagy, merkezinden şöhle saçýan uly önüm karuseli. Kategoriýa nawigasiýasy dört sütünli dört sany birmeňzeş reňkli kartoçkadan ybarat tordur, her biri bir merkezleşdirilen aýakgap modelini öz içine alýar. Bükülmäniň aşagynda, düzüliş doly giňlikdäki bölünen paneller (çepde durmuş suraty + sagda önüm nusgasy) we kiçi, aşagy çyzylan bölümiň adynyň aşagynda merkezleşdirilen önüm karuselleri arasynda üýtgeýär. Umumy ritm şeýle: doly giňlikdäki redaksiýa paneli → dört sütünli tor → merkezleşdirilen önüm karuseli → iki sütünli bölünen → merkezleşdirilen önüm karuseli. Bölümleriň arasyndaky aralyk 40-56px bolup, howaly, ýöne basymly däl geçişleri döredýär. Nawigasiýa - merkezi esasy baglanyşyklary bolan minimalist, berk ýokarky zolak.
Fotografiýa tutuş wizual ulgamdyr. Önümleriň ähli suratlary ýakyn planda, kiçijik burçdan, aýakgabyň reňkine laýyk gelýän ýa-da onuň üstüni ýetirýän berk fonda düşürilip, her bir suraty netijeli reňk barlagyna öwürýär. Durmuş suratlary ýyly, güneşli öwüşginlerde, tebigy şertlerde (agawa meýdanlary, agaç terrasalar, gödek ýerler) düşürilip, ýumşak palitra bilen gabat gelmek üçin ýumşaklyk bilen öçürilýär. Suratlar, 3D renderler, abstrakt grafika ýok. Pantone bilen hyzmatdaşlykda hakyky reňk palitrasy grafik element hökmünde ulanylýar. Ikonografiýa minimalist we monohrom (nawigasiýada we kömekçi pozisiýalarda kontur nyşanlary).
Palitra
Neýtral
- Canvas White
#ffffff— Sahypanyň fon suratlary, kart ýüzleri, önüm kartynyň fon suratlary. - Charcoal
#212121— Ikinji derejeli UI elementleri, bölüjiler we sessiz etiketkalar üçin neýtral reňk goldanylýar. Ol herekete çagyryşlar üçin esasy reňk hökmünde ulanylmaly däl. - True Black
#000000— Sözbaşylar, nyşanlar, ýokary kontrastly çarçuwalar, nawigasiýa teksti. - Warm Sand
#e0dacf— Esasy bölümiň fony, goşmaça ýüz reňki, uly redaksiýa panelleri. - Olive Char
#222519— Ikinji derejeli UI elementleri, bölüjiler we sessiz etiketkalar üçin neýtral reňk goldanylýar. Ol herekete çagyryşlar üçin esasy reňk hökmünde ulanylmaly däl. - Iron Gray
#525252— Ikinji derejeli tekst, kömekçi tekst, göze ilmeýän çarçuwalar.
Tipografiýa
12-den 40 piksele çenli · 6 ädim
- Self Modern — çalyşmak: Playfair Display · konturlar 400 · Başlyklar we redaksiýa makalalary seýrek ulanylýar, esasy sözlemleri we ýygyndy atlaryny nygtaýar. Serif we kursiw şriftler sans-serif şriftleriniň birmeňzeşligini bölýär we "Bu hekaýanyň esasy bölegi" diýen habary berýär.
- Geograph — çalyşmak: Inter · konturlar 400, 500, 700 · Ulanyjy interfeýsi üçin esasy şrift esasy teksti, nawigasiýa belliklerini, düwmeleri, önüm sözbaşylaryny, aşaky kolonkalary, giriş meýdanlaryny we nyşanlary öz içine alýar. Bellenen sözbaşylar üçin 500, önüm atlary üçin 700. Nawigasiýa belliklerinde we kategoriýalarynda uly harplar bilen ýazylan giň harp aralygy (0.025em–0.10em) yzygiderli brend stilini döredýär.
- HurmeGeometricSans3 — çalyşmak: Inter · konturlar 400 · Düwme üçin ätiýaçlyk ýa-da ýörite bellik hökmünde seýrek ulanylýar. “Geograph” bu ulgamy her gün ulanýar.
Aralyklar we görnüş
| Maksat | Manysy |
|---|---|
| Dykyzlyk | dykyz |
| Esasy ädim | 8-16px |
| Düwme radiusy | 9999px (pill) |
| Kart radiusy | 16px |
| Kölegeler | kölegeleriň ýerine serhetler ýok |
| Bölümleriň arasynda | 40-56px |
| Sahypanyň giňligi | 1200px |
Süni intellekt web sahypaňyzy Allbirds stilinde gurar we ony doldurar
- Instagram, TikTok, Facebook salgylary arkaly önümler we ýazgylar bilen dolduryň.
- Köne saýtyňyzdan mazmuny göçüriň — diňe salgyny görkeziň.
- Iň gowy motorda döwrebap dizaýn: React ( Next.js) serwer renderi we SEO optimizasiýasy bilen gyssagly ýagdaýda.
- Gözleg netijeleri we neýron tor maslahatlary üçin doly awtomatlaşdyrylan SEO optimizasiýasy.
Meňzeş stiller
- Lightship — Açyk ýoluň kinematografik dioramasy. Ýakyn aralykda goýlan uly peýzaž suratlary bilen bezelen ýyly krem reňkli galereýa diwarlary, çarçuwalarda görünmeýän inçe gara şrift we çemenlikdäki ot ýaly monohromy bozýan ýekeje ýagty mämişi reňkli aksent.
- Faire ES — ýyly kremiň topdan satuw katalogy
- Adanola — Ak kagyzda redaksiýa görnüşindäki lookbook. Tipografiýanyň we fotosuratçylygyň arassa ak ýüzlerde dem alýan moda surata düşürilişi, şrift üçin gara syýa we brendiň umumy stilini görkezýän inçe golýazma sans-serif şrifti (Halaýan).
- Oura Ring — Ýumşak gün şöhlesine bürünen rahat owlak ýassysyny taýýarlamak üçin ussahana
- Stykka — Ak yşykda Skandinawiýa ussahanasy – sessiz, el işleri bilen ýasalan sergi zaly, bu ýerde diňe suratçylyk ses berýär
- DJI — ýeke elektrik gök reňkli ýagtylandyryjy bilen aerokosmos gara kanwas
- Altitude Beverages — Monohrom žurnal örtügi. Suratlardan başga ähli reňkleri aýrylan moda žurnal örtügini göz öňüne getiriň - tekst we ak boşluk tutuş wakany gürrüň berýär.
- AATHER — Açyk palma, ýekeje alaw - asudalykda saklanýan sessiz gözellik
- Cowboy — Gar ýaly ak farforly bezegde Belgiýanyň welosiped galereýasy. Mat ýüzleriň, redaksiýa materiallarynda ulanylýan uly şriftleriň we bezegleriň ýoklugynyň welosiped we onuň içindäki zatlara üns çekýän sergi zaly.
- Refero — Ak mermerde redaksiýa maket - tipograf tarapyndan döredilen önüm sahypasy, serif sözbaşysy brendiň çagyryş karty bolup, galan zatlar bolsa göze ilmeýän görnüşde.
- Face Formula — Skandinawiýa redaksiýa portreti. Sakit, žurnal stilindäki portret, bu ýerde modeliň gözi we gysgaldylan serif şriftinde ýazylan sözbaşy sowuk, dumanly fonda öz-özünden gürrüň berýär.
- Shupatto — Ak mermerde muzeýiň sergi gutusy