Allbirds
Ак зыгыр буласынан жасалган табигый материалдар
Allbirds тынч, табигый ишеним менен иштейт — дээрлик толугу менен ахроматикалык полотно, жылуу кум (#e0dacf) жана продуктунун сүрөттөрүнөн түз алынган үнсүз топурак түстөрү менен толукталган. Колдонуучу интерфейси продукт тажрыйбасына тоскоол болбойт: ак беттер, жука чек аралар, баары баш тамгалар менен жазылган навигация жана веб-элементтерге караганда физикалык баскычтарга окшош таблетка түрүндөгү башкаруу элементтери. Self Modern (ыңгайлаштырылган serif шрифти) редакциялык көңүл бурууну талап кылган бир нече маанилүү учурлар үчүн — аталыштар жана коллекциянын аталыштары үчүн — колдонулат, ал эми Geograph ар бир тамга, негизги текст жана баскыч үчүн үч тең салмактуу салмакта колдонулат. Категория карталары түс системасына айланат: ар бири көрсөтүлгөн продукттан өзүнүн фон түсүн алат, навигацияны тирүү Pantone палитрасына айландырат.
Максималдуу туурасы ~1200px, ортосуна кең каптал төшөлгөн. Негизги элемент - жылуу кум фондо толук туурасы бар редакциялык тилке, анын борборунан чоң продукт карусели чыгып турат. Категория навигациясы - төрт тилкедеги төрт бирдей түстөгү карталардын торчосу, алардын ар биринде бир борборлоштурулган бут кийим модели камтылган. Бүктөмдүн астында, макет толук туурасы бөлүнгөн панелдер (сол жактагы жашоо образынын сүрөтү + оң жактагы продуктунун үлгүсү) жана кичинекей, асты сызылган бөлүм аталышынын астындагы борборлоштурулган продукт каруселдеринин ортосунда алмашып турат. Жалпы ритм: толук туурасы бар редакциялык панель → төрт тилкелүү торчо → борборлоштурулган продукт карусели → эки тилкелүү бөлүнгөн → борборлоштурулган продукт карусели. Бөлүмдөрдүн ортосундагы аралык 40-56px, бул абадай ачык, бирок басымдуу эмес өткөөлдөрдү жаратат. Навигация - бул борборлоштурулган негизги шилтемелери бар минималисттик, бекитилген үстүнкү тилке.
Фотография – бул бүтүндөй визуалдык система. Бардык буюмдардын сүрөттөрү жакындан тартылып, бир аз бурчтан, бут кийимдин акцент түсүнө дал келген же аны толуктаган бекем фондо тартылып, ар бир сүрөттү түстөрдү изилдөөгө айландырат. Жашоо образындагы сүрөттөр жылуу, күнөстүү түстөрдө, табигый шарттарда (агава талаалары, жыгач палубалар, одоно жерлер) тартылып, үнсүз палитрага дал келүү үчүн бир аз үнсүздөтүлгөн. Иллюстрациялар, 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 · Аталыштар жана редакциялык макалалар сейрек колдонулат, негизги сөз айкаштарын жана жыйнак аталыштарын баса белгилейт. Сериф жана курсив шрифттери sans-serif шрифттеринин бир түрдүүлүгүн бузуп, "Бул окуянын маңызы" деген ойду билдирет.
- 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 — Ак мрамордон жасалган музейдин көргөзмө текчеси