Allbirds
Բնական նյութեր սպիտակ կտավի վրա
Allbirds-ը գործում է հանգիստ, բնական վստահությամբ՝ գրեթե ամբողջությամբ աքրոմատիկ կտավ, որը լրացվում է տաք ավազով (#e0dacf) և արտադրանքի լուսանկարներից անմիջապես վերցված խամրած հողային երանգներով: Օգտագործողի ինտերֆեյսը չի խանգարում արտադրանքի օգտագործմանը. սպիտակ մակերեսներ, բարակ եզրագծեր, մեծատառերով նավիգացիա և հաբաձև կառավարման տարրեր, որոնք ավելի շատ նման են ֆիզիկական կոճակների, քան վեբ տարրերի: Self Modern-ը (հատուկ սերիֆ տառատեսակ) օգտագործվում է խմբագրական ուշադրություն պահանջող մի քանի կարևոր պահերի՝ վերնագրերի և հավաքածուների անվանումների համար, մինչդեռ Geograph-ը օգտագործվում է յուրաքանչյուր տառատեսակի, մարմնի տեքստի և կոճակի համար՝ երեք հավասարակշռված կշռով: Կատեգորիայի քարտերը դառնում են գունային համակարգ. յուրաքանչյուրը իր ֆոնային երանգը վերցնում է ներկայացված արտադրանքից՝ նավիգացիան վերածելով կենդանի Pantone պալիտրա:
Առավելագույն լայնությունը մոտ 1200 պքս է, կենտրոնացված՝ կողային առատ լրացումներով: Հիմնական տարրը լիալայնությամբ խմբագրական շերտ է տաք ավազի ֆոնի վրա՝ կենտրոնից ճառագայթող մեծ ապրանքի կարուսելով: Կատեգորիայի նավիգացիան չորս սյուներով նույնական գունավոր քարտերի ցանց է, որոնցից յուրաքանչյուրը պարունակում է մեկ կենտրոնացված կոշիկի մոդել: Ծալքի տակ դասավորությունը հերթագայում է լիալայնությամբ բաժանված վահանակների (ձախ կողմում՝ կենսակերպի լուսանկար + աջ կողմում՝ ապրանքի նմուշ) և կենտրոնացված ապրանքի կարուսելների միջև՝ փոքր, ընդգծված բաժնի վերնագրի տակ: Ընդհանուր ռիթմը հետևյալն է՝ լիալայնությամբ խմբագրական վահանակ → չորս սյունակով ցանց → կենտրոնացված ապրանքի կարուսել → երկսյունակով բաժանված → կենտրոնացված ապրանքի կարուսել: Բաժինների միջև հեռավորությունը 40-56 պքս է, ստեղծելով թեթև, բայց ոչ ճնշող անցումներ: Նավիգացիան մինիմալիստական, ֆիքսված վերին շերտ է՝ կենտրոնացված հիմնական հղումներով:
Լուսանկարչությունը ամբողջ տեսողական համակարգն է: Բոլոր արտադրանքի լուսանկարները խոշոր պլանով են, թեթև անկյան տակ, ամուր ֆոնի վրա, որը համապատասխանում կամ լրացնում է կոշիկի շեշտադրման գույնը, արդյունավետորեն յուրաքանչյուր լուսանկարը վերածելով գունային ուսումնասիրության: Կենսակերպի լուսանկարները նկարահանված են տաք, արևոտ երանգներով, բնական միջավայրում (ագավայի դաշտեր, փայտե տախտակամածներ, անհարթ տեղանք), նրբորեն խլացված՝ համապատասխանեցնելով խլացված պալիտրային գունապնակին: Նկարազարդումներ, եռաչափ ռենդերներ, աբստրակտ գրաֆիկա չկան: Pantone-ի հետ համագործակցությամբ, բառացի գունային պալիտրան օգտագործվում է որպես գրաֆիկական տարր: Պատկերագրությունը մինիմալիստական և մոնոխրոմ է (ուրվագծային պատկերակներ նավիգացիոն և օժանդակ դիրքերում):
Պալիտրա
Չեզոք
- Canvas White
#ffffff— Էջի ֆոնային պատկերներ, քարտի մակերեսներ, ապրանքի քարտի ֆոնային պատկերներ։ - Charcoal
#212121— Երկրորդական UI տարրերի, բաժանարարների և լռեցված պիտակների համար աջակցվում է չեզոք գույն։ Այն չպետք է օգտագործվի որպես գործողության կոչերի հիմնական գույն։ - True Black
#000000— Վերնագրեր, պատկերակներ, բարձր հակադրության շրջանակներ, նավիգացիոն տեքստ։ - Warm Sand
#e0dacf— Գլխավոր հատվածի ֆոն, լրացուցիչ մակերեսային երանգ, մեծ խմբագրական վահանակներ։ - Olive Char
#222519— Երկրորդական UI տարրերի, բաժանարարների և լռեցված պիտակների համար աջակցվում է չեզոք գույն։ Այն չպետք է օգտագործվի որպես գործողության կոչերի հիմնական գույն։ - Iron Gray
#525252— Երկրորդական տեքստ, օժանդակ տեքստ, աննկատ շրջանակներ։
Տպագրություն
12-ից մինչև 40px · 6 քայլ
- Self Modern — փոխարինում: Playfair Display · ուրվագծեր 400 · Վերնագրերն ու խմբագրական տեքստերը օգտագործվում են խնայողաբար՝ ընդգծելով բանալի արտահայտություններն ու հավաքածուների վերնագրերը: Սերիֆ և թեք տառատեսակները խախտում են սանսերիֆ տառատեսակների միօրինակությունը և փոխանցում են հետևյալ ուղերձը. «Սա է պատմության էությունը»:
- Geograph — փոխարինում: Inter · ուրվագծեր 400, 500, 700 · Օգտագործողի ինտերֆեյսի հիմնական տառատեսակը ներառում է հիմնական տեքստը, նավիգացիոն պիտակները, կոճակները, ապրանքի վերնագրերը, ստորին էջերը, մուտքագրման դաշտերը և պատկերակները: 500՝ ընդգծված վերնագրերի, 700՝ ապրանքի անվանումների համար: Նավիգացիոն պիտակներում և կատեգորիաներում մեծատառերով տառերի լայն հեռավորությունը (0.025em–0.10em) հաստատում է ապրանքանիշի հետևողական ոճը:
- HurmeGeometricSans3 — փոխարինում: Inter · ուրվագծեր 400 · Հազվադեպ է օգտագործվում որպես կոճակի պահեստային կամ հատուկ պիտակ։ Geograph-ը այս համակարգն օգտագործում է ամեն օր։
Ժամանակահատվածներ և ձև
| Նպատակ | Նշանակություն |
|---|---|
| Խտություն | խիտ |
| Հիմնական քայլ | 8-16px |
| Կոճակի շառավիղ | 9999px (pill) |
| Քարտի շառավիղ | 16px |
| Ստվերներ | ստվերների փոխարեն՝ առանց սահմանների |
| Բաժինների միջև | 40-56px |
| Էջի լայնությունը | 1200px |
Արհեստական բանականությունը կկառուցի ձեր կայքը Allbirds ոճով և կլրացնի այն
- Լրացրեք ապրանքներով և գրառումներով՝ հղումով - Instagram, TikTok, Facebook:
- Տեղափոխեք բովանդակությունը ձեր հին կայքից՝ պարզապես նշեք հասցեն։
- Ժամանակակից դիզայն լավագույն շարժիչի վրա՝ React ( Next.js)՝ սերվերի ռենդերինգով և SEO օպտիմիզացիայով՝ անմիջապես։
- Լիովին ավտոմատացված SEO օպտիմալացում որոնման արդյունքների և նեյրոնային ցանցերի առաջարկությունների համար։
Նմանատիպ ոճեր
- Lightship — Բաց ճանապարհի կինեմատոգրաֆիկ դիորամա։ Տաք կրեմագույն պատկերասրահի պատերը զարդարված են մեծ լանդշաֆտային լուսանկարներով, որոնք տեղադրված են մոտ հեռավորություններով, բարակ սև տառատեսակները հազիվ տեսանելի են շրջանակների վրա, և միակ վառ նարնջագույն շեշտադրումը խախտում է միագույնը, ինչպես խարույկը մարգագետնում։
- Faire ES — տաք կրեմի մեծածախ կատալոգ
- Adanola — Խմբագրական լուքբուք սպիտակ թղթի վրա։ Նորաձևության ֆոտոսեսիա, որտեղ տպագրությունն ու լուսանկարչությունը շնչում են մաքուր սպիտակ մակերեսների վրա՝ սև թանաքով և նուրբ ֆիրմային sans-serif տառատեսակով (Favorit), որը արտացոլում է ապրանքանիշի ընդհանուր ոճը։
- Oura Ring — Հարմարավետ վարսակի փաթիլներ պատրաստելու արհեստանոց՝ մեղմ ցերեկային լույսի ներքո
- Stykka — Սկանդինավյան արհեստանոց սպիտակ լույսի ներքո՝ հանգիստ, ձեռագործ ցուցասրահ, որտեղ միակ ձայնը լուսանկարչությունն է։
- DJI — աէրոտիեզերական սև կտավ՝ մեկ էլեկտրական կապույտ լուսարձակով
- Altitude Beverages — Մոնոխրոմ ամսագրի ծրար։ Պատկերացրեք նորաձևության ամսագրի ծրար՝ զուրկ բոլոր գույներից, բացառությամբ լուսանկարների. տեքստն ու սպիտակ տարածությունն են ամբողջ պատմությունը պատմում։
- AATHER — Բաց ափ, միակ բոց՝ լռության մեջ պարունակված լուռ շքեղություն
- Cowboy — Բելգիական հեծանիվների պատկերասրահ ձյունաճերմակ ճենապակյա միջավայրում: Ցուցասրահ, որտեղ անփայլ մակերեսները, խմբագրական նյութերում օգտագործված մեծ տառատեսակները և զարդարանքի գործնական բացակայությունը ուշադրությունը գրավում են հեծանիվի և դրա պարունակության վրա:
- Refero — Խմբագրական դասավորություն սպիտակ մարմարի վրա՝ տպագրիչի կողմից ստեղծված ապրանքի էջ, որտեղ սերիֆային վերնագիրը ապրանքանիշի այցեքարտն է, իսկ մնացած ամեն ինչ աննկատ է։
- Face Formula — Սկանդինավյան խմբագրական դիմանկար։ Հանգիստ, ամսագրային ոճով լուսանկար, որտեղ մոդելի հայացքը և խտացված սերիֆ տառատեսակով գրված վերնագիրը խոսում են իրենց մասին զով, մշուշոտ ֆոնի վրա։
- Shupatto — Թանգարանի ցուցափեղկ սպիտակ մարմարից