Allbirds
Természetes anyagok fehér vászonon
Az Allbirds nyugodt, természetes magabiztossággal működik – egy szinte teljesen akromatikus vászonként, amelyet meleg homokszín (#e0dacf) és közvetlenül a termékfotókból átvett, visszafogott földszínek egészítenek ki. A felhasználói felület nem zavarja a termékélményt: fehér felületek, vékony szegélyek, csupa nagybetűs navigáció és pirula alakú vezérlők, amelyek inkább fizikai gomboknak, mint webes elemeknek tűnnek. A Self Modern (egyedi serif betűtípus) a szerkesztői figyelmet igénylő néhány kulcsfontosságú pillanathoz – címsorokhoz és gyűjteménynevekhez – használatos, míg a Geograph betűtípus minden betűtípushoz, törzsszöveghez és gombhoz három kiegyensúlyozott vastagságban. A kategóriakártyák színrendszerré válnak: mindegyik a kiemelt termékből veszi át a háttérárnyalatát, így a navigáció élő Pantone palettává alakul.
A maximális szélesség ~1200 képpont, középre igazítva, bőséges oldalsó margóval. A fő elem egy teljes szélességű szerkesztői sáv meleg homokszínű háttéren, amelynek közepéből egy nagyméretű termékkarusszel sugárzik ki. A kategória navigáció négy azonos színű kártya rácsa négy oszlopban, amelyek mindegyike egyetlen középre igazított cipőmodellt tartalmaz. A hajtás alatt az elrendezés váltakozik a teljes szélességű osztott panelek (életmód fotó bal oldalon + termékminta jobb oldalon) és a középre igazított termékkarusszelek között egy kis, aláhúzott szakaszcím alatt. Az általános ritmus: teljes szélességű szerkesztői panel → négy oszlopos rács → középre igazított termékkarusszel → két oszlopra osztott → középre igazított termékkarusszel. A szakaszok közötti térköz 40-56 képpont, ami légies, de nem túlzó átmeneteket hoz létre. A navigáció egy minimalista, fix felső sáv középre igazított elsődleges linkekkel.
A fényképezés a teljes vizuális rendszer. Minden termékfotó közeli, enyhe szögből készült, egy olyan szilárd háttér előtt, amely illik vagy kiegészíti a cipő kiemelő színét, így minden fotó gyakorlatilag színtanulmánysá válik. Az életstílusfotók meleg, napsütéses tónusokban, természetes környezetben (agávéföldek, fa teraszok, egyenetlen terep) készülnek, finoman visszafogva a visszafogott palettához igazítva. Nincsenek illusztrációk, nincsenek 3D renderelések, nincsenek absztrakt grafikák. A Pantone-nal együttműködve a szó szerinti színpalettát grafikai elemként használják. Az ikonográfia minimalista és monokróm (körvonalas ikonok a navigációs és kiegészítő pozíciókban).
Paletta
Semleges
- Canvas White
#ffffff— Oldal háttérképek, kártyafelületek, termékkártya háttérképek. - Charcoal
#212121— A semleges szín támogatott a másodlagos felhasználói felület elemeihez, elválasztókhoz és elnémított címkékhez. Nem szabad elsődleges színként használni a cselekvésre ösztönzésekhez. - True Black
#000000— Címsorok, ikonok, nagy kontrasztú keretek, navigációs szöveg. - Warm Sand
#e0dacf— Fő rész háttere, kiegészítő felületi árnyékolás, nagyméretű szerkesztői panelek. - Olive Char
#222519— A semleges szín támogatott a másodlagos felhasználói felület elemeihez, elválasztókhoz és elnémított címkékhez. Nem szabad elsődleges színként használni a cselekvésre ösztönzésekhez. - Iron Gray
#525252— Másodlagos szöveg, segédszöveg, diszkrét keretek.
Tipográfia
12-től 40 képpontig · 6 lépésben
- Self Modern — csere: Playfair Display · körvonalak 400 · A címsorokat és a szerkesztői szövegeket takarékosan használjuk, kiemelve a kulcsmondatokat és a gyűjteménycímeket. A talpas és dőlt betűtípusok megtörik a talpatlan betűtípusok monotonitását, és a következő üzenetet közvetítik: „Ez a történet lényege.”
- Geograph — csere: Inter · körvonalak 400, 500, 700 · A felhasználói felület elsődleges betűtípusa a szövegtörzs, a navigációs címkék, a gombok, a termékcímek, a láblécek, a beviteli mezők és az ikonok. 500 a kiemelt címsorokhoz, 700 a terméknevekhez. A navigációs címkékben és kategóriákban a nagybetűk közötti széles betűköz (0,025em–0,10em) egységes márkastílust biztosít.
- HurmeGeometricSans3 — csere: Inter · körvonalak 400 · Ritkán használják tartalékként vagy gombhoz rendelt címkéként. A Geograph naponta használja ezt a rendszert.
Intervallumok és forma
| Cél | Jelentés |
|---|---|
| Sűrűség | sűrű |
| Alapvető lépés | 8-16px |
| Gomb sugara | 9999px (pill) |
| Kártya sugara | 16px |
| Árnyékok | nincs - szegélyek árnyékok helyett |
| Szakaszok között | 40-56px |
| Oldal szélessége | 1200px |
A mesterséges intelligencia Allbirds stílusban fogja elkészíteni a weboldaladat, és kitölti azt.
- Töltsd fel termékeidet és posztjaidat a linkeken keresztül - Instagram, TikTok, Facebook.
- Tartalom átvitele régi webhelyéről – csak adja meg a címet.
- Modern dizájn a legjobb keresőmotoron: React ( Next.js) szerveralapú rendereléssel és SEO optimalizálással, azonnal használható formában.
- Teljesen automatizált SEO optimalizálás a keresési eredményekhez és a neurális hálózati ajánlásokhoz.
Hasonló stílusok
- Lightship — Filmszerű dioráma a nyílt útról. Meleg krémszínű galériafalakat díszítettek a sűrűn elhelyezett nagyméretű tájképek, a képkockákon alig látható vékony fekete betűtípus, és egyetlen élénk narancssárga díszítés törte meg a monokróm képet, mint egy máglya a réten.
- Faire ES — meleg krém nagykereskedelmi katalógus
- Adanola — Egy fehér papíron készült editoriális lookbook. Egy divatfotózás, ahol a tipográfia és a fényképezés tiszta fehér felületeken lélegzik, fekete tintával a betűtípushoz és egy visszafogott, jellegzetes sans-serif betűtípushoz (Favorit), amely tükrözi a márka általános stílusát.
- Oura Ring — Egy hangulatos zabkásakészítő műhely, lágy napfényben fürödve
- Stykka — Egy skandináv műhely fehér fényben – egy csendes, kézműves bemutatóterem, ahol az egyetlen hang a fotózás.
- DJI — repülőgép fekete vászon egyetlen elektromos kék kiemeléssel
- Altitude Beverages — Fekete-fehér magazinoldal. Képzelj el egy divatmagazin-oldalt, amelyről az állóképek kivételével minden szín el van távolítva – a szöveg és az üres terület elmeséli az egész történetet.
- AATHER — Egy nyitott tenyér, egyetlen láng – csendes luxus a csendben
- Cowboy — Egy belga kerékpárgaléria hófehér porcelán környezetben. Egy bemutatóterem, ahol matt felületek, a kiadványokban használt nagyméretű betűtípusok és a dekoráció gyakorlatilag hiánya vonzza a tekintetet a kerékpárra és annak tartalmára.
- Refero — Fehér márványon készült szerkesztői elrendezés - tipográfus által készített termékoldal, ahol a talpas címsor a márka névjegykártyája, és minden más diszkrét.
- Face Formula — Skandináv szerkesztőségi portré. Nyugodt, magazin stílusú kép, ahol a modell tekintete és a tömörített talpas betűtípussal írt főcím magáért beszél egy hűvös, ködös háttér előtt.
- Shupatto — Múzeumi vitrin fehér márványon