IKEA
изложбен салон за шведски мебел преплавен од сонце во расклопена форма
Интерфејсот на ИКЕА изгледа како уреднички распоред со висок контраст: речиси црни букви на топло бела позадина, надополнети со рамни жолти панели кои служат како вградени зони за повик за акција. Системот е намерно минималистички - еден прилагоден sans-serif фонт (Noto IKEA) во само две тежини (400 и 700), еден радиус на аголот за секоја компонента и без сенки или градиенти. Оваа компактност е структурна, а не минималистички тренд: негативниот растојание помеѓу буквите (-0,029em во насловот, -0,027em во текстот) им дава дури и на етикетите од 13px архитектонски изглед. Картичките се големи и фокусирани на медиумска содржина, распоредени во големи блокови со две колони со преклопувања на текст кои се движат од градиент до црна боја за подобрена читливост. Жолтиот фонт #ffdb00 ја врши целата работа за интерфејсот - не декорира, туку само активира.
Дизајн со целосна ширина со центриран контејнер за содржина ограничен на приближно 1440px. Навигацијата е едноставна, нелеплива горна лента. Страницата е изградена од хоризонтални картички наредени вертикално со приближно 80px празнини. Распоредот „херој“ е поделен распоред - 2/3 медиумска картичка (слика) + 1/3 цврста жолта картичка со повик за акција. Главниот дел од страницата користи мрежи од картички со две колони, наизменични блокови од слики и текст. Густината на содржината е пространа, никогаш компактна. Картичките се големи (минимум приближно 600x400 пиксели) со изобилство на дополнување. Делот „Временска линија/Историја“ ја разделува мрежата со големи броеви. Нема странична лента, нема мега-мени, нема комплексна архитектура за навигација.
Визуелниот јазик е првенствено фотографија на производи и начин на живот. Уредувањето: светли, природно осветлени, топли скандинавски ентериери со чувство на живеење - не острата белина на студио. Луѓето се појавуваат во сцени на интеракција со производот (држење, склопување, користење). Сликите секогаш ја зафаќаат целата ширина на картичката, никогаш не се исечени на органски форми. На дното од која било картичка со текст се појавуваат градиентни црни преклопувања. Повремено се појавуваат рамни илустрации (на пример, мапа на Германија со културна иконографија во тиркизна, зелена и портокалова боја). Фотографиите се изработени во уреднички стил: без ефект на сјајна стоковна фотографија, без претерано стилизирана корекција на боите.
Палета
Бренд
- IKEA Yellow
#ffdb00— Клучни елементи за исполнување на повици за акција, позадини за картички со истакнати слики, акцентни панели во главниот прозорец - единствен елемент во боја на системот.
Неутрално
- Ink Black
#111111— Главен текст, тело на текст, наслови, главни рамки (851 појавувања), контура на икона. - Pure White
#ffffff— Позадина на страницата, површина на картичката, позадина за навигација, текст на копчето на темна позадина. - Warm White
#fffefb— Малку кремаста нијанса за копчиња и картички - едвај потопла од чистата бела боја - го разбива дигиталното студенило. - Steel Gray
#818181— Секундарен текст, пригушени рамки, оневозможени состојби на икони - True Black
#000000— Пополнувања на икони на SVG, граници на полиња за внесување и длабоки црни акценти каде што е потребен максимален контраст. - Link Blue
#0159a3— Бојата на текстуалната врска, која широко се користи во навигацијата и примарните врски, е единствената сина боја во системот.
Типографија
од 13 до 51px · 5 чекори
- Noto IKEA — замена: Inter · контури 400, 700 · Единствениот фонт што се користи е препознатливиот Noto на ИКЕА. Системот со две дебелини (400 обични, 700 задебелени) е намерно ограничен: без закосени, средни или мали дебелини. Насловите со големина од 700, од 36–51px, го пренесуваат целиот стил на брендот; текстот на телото со големина од 16px останува неутрален. Растојанието помеѓу буквите се намалува со зголемувањето на големината, давајќи им на насловите кондензиран и архитектонски изглед.
Интервали и форма
| Намена | Значење |
|---|---|
| Густина | просек |
| Основен чекор | 24px |
| Радиус на копчето | 8px |
| Радиус на картичката | 8px |
| Сенки | без граници наместо сенки |
| Помеѓу деловите | 80px |
| Ширина на страницата | 1440px |
Вештачката интелигенција ќе ја изгради вашата веб-страница во стилот IKEA и ќе ја пополни
- Пополнете со производи и објави преку линкот - Instagram, TikTok, Facebook.
- Пренесете содржина од вашата стара страница - само наведете ја адресата.
- Модерен дизајн на најдобриот мотор: React ( Next.js) со рендерирање на серверот и SEO оптимизација веднаш.
- Целосно автоматизирана SEO оптимизација за резултати од пребарување и препораки за невронски мрежи.
Слични стилови
- MindMarket — Удобна книга со бајки на кремаста хартија - пријателско уредничко платно каде што големи наслови од Интер и ликови од исечена хартија коегзистираат на сончева, мека како налепница површина.
- Lamborghini — Црна боја на каросеријата во салонот, под рефлекторите - еден жолт автомобил
- amp — Топла портокалова боја на ладна бела позадина. Дизајнот потсетува на премиум фитнес производ фотографиран во сончев поткровје: еден предмет, еден акцент, еден самоуверен фонт што ја завршува целата работа.
- LUNCH — кадифена подиум на топол пергамент
- Microsoft — Малопродажниот каталог користи препознатлива сина боја - замислете квадратно лого на бел под во изложбен салон, каде што секој дизајнерски елемент е во сина боја.
- Vibrants — Аптека Скајборн на бел мермер - темно синото мастило е малтерот, а спектарот на виножитото е лекот
- Isla Beauty — Кремаст аптекарски стил со акценти на хируршка црвена боја - замислете топли пергаментни ѕидови, килибарни шишиња и еден црвен печат на секоја етикета.
- Swap — Уредничка галерија на Mint: Светли нијанси на жалфија во соби со светли акценти во боја на лимета и суптилни серифи
- Cursor — Удобна работилница за пергамент, осветлена од тлеечки јаглен
- Structured — Ренесансна галерија на хартија слична на пластелин
- Apple (España) — Музејската галерија, на мека дневна светлина, е единствен, фасцинантен, бестежински бел простор, при што секој експонат е осветлен со рефлектор наспроти лесно затемнет ѕид.
- Amplemarket — Работно место натопено со сонце, расфрлано со конфети