Allbirds
Ақ зығыр матадағы табиғи материалдар
Allbirds тыныш, табиғи сенімділікпен жұмыс істейді — толығымен дерлік ахроматикалық кенеп, жылы құммен (#e0dacf) және өнімнің фотосуреттерінен тікелей алынған күңгірт жер реңктерімен толықтырылған. Пайдаланушы интерфейсі өнім тәжірибесіне кедергі келтірмейді: ақ беттер, жұқа жиектер, барлығы бас әріптермен шарлау және веб-элементтерге қарағанда физикалық түймелерге көбірек ұқсайтын таблетка тәрізді басқару элементтері. Self Modern (арнайы сериф қаріпі) редакциялық назар аударуды қажет ететін бірнеше маңызды сәттер үшін — тақырыптар мен коллекция атаулары үшін — қолданылады, ал Geograph әр әріп, негізгі мәтін және түйме үшін үш теңгерімді салмақта қолданылады. Санат карталары түс жүйесіне айналады: әрқайсысы көрсетілген өнімнен өзінің фон реңкін алады, бұл навигацияны тірі Pantone палитрасына айналдырады.
Максималды ені ~1200 пиксель, ортасында кең бүйірлік төсемдермен қапталған. Негізгі элемент - жылы құм фондағы толық енді редакциялық жолақ, оның ортасынан үлкен өнім каруселі шығады. Санат навигациясы - төрт бағандағы төрт бірдей түсті карталардан тұратын тор, олардың әрқайсысында бір орталықтандырылған аяқ киім моделі бар. Бүктеменің астында орналасу толық енді бөлінген панельдер (сол жақтағы өмір салтының фотосуреті + оң жақтағы өнім үлгісі) және кішкентай, асты сызылған бөлім атауының астындағы ортаға қойылған өнім карусельдері арасында кезектесіп орналасады. Жалпы ырғақ: толық енді редакциялық панель → төрт бағандық тор → орталықтандырылған өнім каруселі → екі бағандық бөлінген → орталықтандырылған өнім каруселі. Бөлімдер арасындағы аралық 40-56 пиксель, бұл ауадай, бірақ басым емес ауысуларды жасайды. Навигация - орталықтандырылған бастапқы сілтемелері бар минималистік, бекітілген жоғарғы жолақ.
Фотография – бұл тұтас визуалды жүйе. Барлық өнім суреттері жақыннан, аздап бұрыштан, аяқ киімнің екпінді түсіне сәйкес келетін немесе толықтыратын берік фонға түсірілген, бұл әрбір фотосуретті тиімді түрде түстерді зерттеуге айналдырады. Өмір салты фотосуреттері жылы, шуақты реңктерде, табиғи ортада (агава алқаптары, ағаш палубалар, кедір-бұдыр жерлерде) түсірілген, күңгірт палитраға сәйкес келу үшін нәзік түрде өшірілген. Иллюстрациялар, 3D рендерлер, абстрактілі графика жоқ. Pantone компаниясымен бірлесіп, тіке түстер палитрасы графикалық элемент ретінде пайдаланылған. Иконография минималистік және монохромды (навигациядағы және көмекші позициялардағы контурлық белгішелер).
Палитра
Бейтарап
- Canvas White
#ffffff— Беттің фон суреттері, карта беттері, өнім картасының фон суреттері. - Charcoal
#212121— Бейтарап түс қосымша интерфейс элементтері, бөлгіштер және дыбыссыз белгілер үшін қолданылады. Оны әрекетке шақыру үшін негізгі түс ретінде пайдалануға болмайды. - True Black
#000000— Тақырыптар, белгішелер, жоғары контрастты кадрлар, навигация мәтіні. - Warm Sand
#e0dacf— Негізгі бөлімнің фоны, қосымша беткі реңк, үлкен редакциялық панельдер. - Olive Char
#222519— Бейтарап түс қосымша интерфейс элементтері, бөлгіштер және дыбыссыз белгілер үшін қолданылады. Оны әрекетке шақыру үшін негізгі түс ретінде пайдалануға болмайды. - Iron Gray
#525252— Қосымша мәтін, көмекші мәтін, байқалмайтын кадрлар.
Типография
12-ден 40 пиксельге дейін · 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 сілтемелері арқылы өнімдер мен жазбаларды толтырыңыз.
- Ескі сайтыңыздан мазмұнды тасымалдаңыз — тек мекенжайын көрсетіңіз.
- Ең үздік қозғалтқыштағы заманауи дизайн: серверді рендерингтеу және SEO оңтайландыру арқылы React ( Next.js).
- Іздеу нәтижелері мен нейрондық желі ұсыныстары үшін толық автоматтандырылған SEO оңтайландыруы.
Ұқсас стильдер
- Lightship — Ашық жолдың кинематографиялық диорамасы. Жақын аралықта орнатылған үлкен пейзаж фотосуреттерімен безендірілген жылы крем түсті галерея қабырғалары, жақтауларда әрең көрінетін жұқа қара қаріп және шалғындағы от сияқты монохромды бұзатын жалғыз ашық қызғылт сары екпін.
- Faire ES — жылы кілегейдің көтерме каталогы
- Adanola — Ақ қағазға басылған редакциялық лукбук. Типография мен фотография таза ақ беттерде тыныс алатын сән фотосессиясы, қаріп үшін қара сия және брендтің жалпы стилін көрсететін нәзік қолтаңбалы sans-serif қаріпі (Favorit).
- Oura Ring — Жұмсақ күн шуағына малынған жайлы сұлы ботқасын жасау шеберханасы
- Stykka — Ақ жарықтағы скандинавиялық шеберхана – тыныш, қолдан жасалған көрме залы, онда тек фотосурет дауысы ғана көрінеді
- DJI — бір электрлік көк түсті ерекшелігі бар аэроғарыштық қара кенеп
- Altitude Beverages — Монохромды журнал беті. Фотосуреттерден басқа барлық түстері жоқ сән журналының бетін елестетіп көріңізші — мәтін мен ақ кеңістік бүкіл оқиғаны баяндайды.
- AATHER — Ашық алақан, жалғыз жалын - тыныштықта сақталған тыныш сән-салтанат
- Cowboy — Ақ фарфордан жасалған көріністегі бельгиялық велосипед галереясы. Күңгірт беттер, редакциялық материалдарда қолданылатын үлкен қаріптер және безендірудің жоқтығы велосипед пен оның ішіндегі заттарға назар аударатын көрме залы.
- Refero — Ақ мәрмәрдегі редакциялық макет - типограф жасаған өнім беті, мұнда serif тақырыбы брендтің визит картасы болып табылады, ал қалғанының бәрі байқалмайды.
- Face Formula — Скандинавиялық редакциялық портрет. Салқын, тұманды фонда модельдің көзқарасы мен қысқартылған сериф қаріпімен жазылған тақырып өзі үшін сөйлейтін тыныш, журнал стиліндегі сурет.
- Shupatto — Ақ мәрмәрден жасалған мұражай витриналары