Allbirds
Dabiski materiāli uz balta lina
Allbirds darbojas ar mierīgu, dabisku pārliecību — gandrīz pilnībā ahromatisku audeklu, ko papildina siltas smiltis (#e0dacf) un klusināti zemes toņi, kas tieši aizgūti no produktu fotogrāfijām. Lietotāja saskarne netraucē produkta lietošanas pieredzi: baltas virsmas, plānas apmales, navigācija ar lielajiem burtiem un tabletei līdzīgas vadības ierīces, kas vairāk atgādina fiziskas pogas, nevis tīmekļa elementus. Self Modern (pielāgots serif fonts) tiek izmantots dažos izšķirošos brīžos, kuriem nepieciešama redakcionāla uzmanība — virsrakstiem un kolekciju nosaukumiem —, savukārt Geograph tiek izmantots katram burtam, pamattekstam un pogai trīs līdzsvarotos svērumos. Kategoriju kartītes kļūst par krāsu sistēmu: katra ņem savu fona toni no piedāvātā produkta, pārveidojot navigāciju par dzīvo Pantone paleti.
Maksimālais platums ir ~1200 pikseļi, centrēts ar bagātīgu sānu atkāpi. Galvenais elements ir pilna platuma redakcijas josla uz silta smilšu fona ar lielu produktu karuseli, kas izstaro no centra. Kategoriju navigācija ir režģis, kas sastāv no četrām identiskām krāsainām kartītēm četrās kolonnās, katrā no kurām ir viens centrēts apavu modelis. Zem locījuma izkārtojums mainās starp pilna platuma sadalītiem paneļiem (dzīvesveida foto kreisajā pusē + produkta paraugs labajā pusē) un centrētiem produktu karuseļiem zem neliela, pasvītrota sadaļas nosaukuma. Kopējais ritms ir: pilna platuma redakcijas panelis → četru kolonnu režģis → centrēts produktu karuselis → divu kolonnu sadalīšana → centrēts produktu karuselis. Atstatums starp sadaļām ir 40–56 pikseļi, radot gaisīgas, bet ne pārāk uzbāzīgas pārejas. Navigācija ir minimālistiska, fiksēta augšējā josla ar centrētām primārajām saitēm.
Fotogrāfija ir visa vizuālā sistēma. Visi produktu attēli ir tuvplāni, no neliela leņķa, uz vienkrāsaina fona, kas atbilst vai papildina apavu akcenta krāsu, efektīvi pārvēršot katru fotoattēlu par krāsu pētījumu. Dzīvesstila fotoattēli ir uzņemti siltos, saulainos toņos, dabiskā vidē (agavu laukos, koka terasēs, nelīdzenā reljefā), nedaudz pieklusināti, lai tie atbilstu pieklusinātajai paletei. Nav ilustrāciju, nav 3D renderējumu, nav abstraktas grafikas. Sadarbībā ar Pantone kā grafiskais elements tiek izmantota burtiskā krāsu palete. Ikonogrāfija ir minimālistiska un vienkrāsaina (kontūras ikonas navigācijas un palīgpozīcijās).
Palete
Neitrāls
- Canvas White
#ffffff— Lapas fona attēli, karšu virsmas, produktu karšu fona attēli. - Charcoal
#212121— Neitrāla krāsa tiek atbalstīta sekundārajiem lietotāja interfeisa elementiem, atdalītājiem un klusinātām etiķetēm. To nevajadzētu izmantot kā galveno krāsu aicinājumiem uz darbību. - True Black
#000000— Virsraksti, ikonas, augsta kontrasta rāmji, navigācijas teksts. - Warm Sand
#e0dacf— Galvenās sadaļas fons, papildu virsmas ēnojums, lieli redakcionālie paneļi. - Olive Char
#222519— Neitrāla krāsa tiek atbalstīta sekundārajiem lietotāja interfeisa elementiem, atdalītājiem un klusinātām etiķetēm. To nevajadzētu izmantot kā galveno krāsu aicinājumiem uz darbību. - Iron Gray
#525252— Papildu teksts, palīgteksts, neuzkrītoši rāmji.
Tipogrāfija
no 12 līdz 40 pikseļiem · 6 soļi
- Self Modern — nomaiņa: Playfair Display · kontūras 400 · Virsraksti un redakcionālie elementi tiek izmantoti taupīgi, izceļot atslēgas frāzes un krājumu nosaukumus. Serif un italic fonti pārtrauc sans-serif fontu monotoniju un pauž vēstījumu: "Šī ir stāsta būtība."
- Geograph — nomaiņa: Inter · kontūras 400, 500, 700 · Lietotāja saskarnes galvenais fonts ietver pamattekstu, navigācijas etiķetes, pogas, produktu virsrakstus, kājenes, ievades laukus un ikonas. 500 izceltajiem virsrakstiem, 700 produktu nosaukumiem. Plata burtu atstarpe (0,025 em–0,10 em) lielajiem burtiem navigācijas etiķetēs un kategorijās nodrošina vienotu zīmola stilu.
- HurmeGeometricSans3 — nomaiņa: Inter · kontūras 400 · Reti tiek izmantota kā rezerves kopija vai īpaša pogas etiķete. Geograph šo sistēmu izmanto katru dienu.
Intervāli un forma
| Mērķis | Nozīme |
|---|---|
| Blīvums | blīvs |
| Pamata solis | 8-16px |
| Pogas rādiuss | 9999px (pill) |
| Kartes rādiuss | 16px |
| Ēnas | nē — robežas ēnu vietā |
| Starp sekcijām | 40-56px |
| Lapas platums | 1200px |
Mākslīgais intelekts izveidos jūsu vietni Allbirds stilā un aizpildīs to
- Aizpildiet ar produktiem un ierakstiem, izmantojot saiti — Instagram, TikTok, Facebook.
- Pārsūtiet saturu no savas vecās vietnes — vienkārši norādiet adresi.
- Moderns dizains uz labākā dzinēja: React ( Next.js) ar servera renderēšanu un SEO optimizāciju uzreiz pēc instalēšanas.
- Pilnībā automatizēta SEO optimizācija meklēšanas rezultātiem un neironu tīkla ieteikumiem.
Līdzīgi stili
- Lightship — Kinematogrāfiska atklātā ceļa diorāma. Silti krēmkrāsas galerijas sienas rotā lielas ainavu fotogrāfijas, kas izvietotas nelielā attālumā, tievs melns burts, kas tik tikko redzams uz rāmjiem, un viens spilgti oranžs akcents, kas pārtrauc melno krāsu kā ugunskurs pļavā.
- Faire ES — siltā krēma vairumtirdzniecības katalogs
- Adanola — Redakcijas stila albums uz balta papīra. Modes fotosesija, kurā tipogrāfija un fotogrāfija elpo uz tīrām, baltām virsmām, ar melnu tinti burtveidolam un neuzkrītošu, raksturīgu sans-serif fontu (Favorit), kas atspoguļo zīmola kopējo stilu.
- Oura Ring — Mājīga auzu pārslu gatavošanas darbnīca maigā dienasgaismā
- Stykka — Skandināvu darbnīca baltā gaismā – klusa, roku darba izstāžu zāle, kur vienīgā balss ir fotogrāfija
- DJI — melns audekls ar vienu elektriski zilu akcentu
- Altitude Beverages — Vienkrāsains žurnāla atvērums. Iedomājieties modes žurnāla atvērumu, kurā nav nekādu krāsu, izņemot fotoattēlus — teksts un baltā telpa atklāj visu stāstu.
- AATHER — Atvērta plauksta, viena liesma - klusums, kas ietverts nekustībā
- Cowboy — Beļģijas velosipēdu galerija sniegbaltā porcelāna vidē. Izstāžu zāle, kur matētas virsmas, lieli fonti redakcionālajos materiālos un praktiski nekāda dekorācija piesaista uzmanību velosipēdam un tā saturam.
- Refero — Redakcijas makets uz balta marmora — tipogrāfa veidota produkta lapa, kur serifveida virsraksts ir zīmola vizītkarte, un viss pārējais ir neuzkrītošs.
- Face Formula — Skandināvu redakcionāls portrets. Mierīgs, žurnāla stila attēls, kur modeles skatiens un virsraksts, kas rakstīts ar saspiestu serif fontu, runā paši par sevi uz vēsa, miglaina fona.
- Shupatto — Muzeja vitrīna uz balta marmora