IKEA
кояш нурлары белән тулган Швеция җиһазлары күргәзмә залы, сүтелгән хәлдә
IKEA интерфейсы югары контрастлы редакцияләүгә охшаган: җылы ак фонда кара төскә якын шрифт, аңа кушылган чакыру зоналары булып хезмәт итүче яссы сары панельләр өстәлгән. Система махсус минималист - ике авырлыкта (400 һәм 700) бер махсус sans-serif шрифты (Noto IKEA), һәр компонент өчен бер почмак радиусы, күләгәләр яки градиентлар юк. Бу компактлык структураль, минималист тенденция түгел: тискәре хәрефләр аралыгы (башлыкта -0.029em, төп текстта -0.027em) хәтта 13 пиксельле ярлыкларга да архитектура хисе бирә. Карточкалар зур һәм медиа контентка юнәлтелгән, уку җиңеллеген арттыру өчен градиенттан кара төскә кадәр текст катламнары белән зур ике баганалы блокларда урнаштырылган. #ffdb00 сары шрифты интерфейс өчен барлык эшне дә башкара - ул бизәми, ул бары тик активлаштыра.
Тулы киңлектәге дизайн, үзәкләштерелгән эчтәлек контейнеры якынча 1440 пиксель белән чикләнгән. Навигация - гади, ябышмый торган өске панель. Бит вертикаль рәвештә якынча 80 пиксель аралар белән тезелгән горизонталь карточкалардан төзелгән. "Герой" макеты - бүленгән макет - 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 дән 51 пиксельгә кадәр · 5 адым
- Noto IKEA — алыштыру: Inter · контурлар 400, 700 · Кулланылган бердәнбер шрифт - IKEA имзасы Noto. Ике авырлыклы система (400 гадәти, 700 калын) махсус рәвештә чикләнгән: курсив, уртача яки җиңел авырлыклар юк. 700 пунктлы, 36–51 пиксель зурлыктагы башлыклар брендның бөтен стилен чагылдыра; 16 пиксель зурлыктагы төп текст нейтраль булып кала. Хәрефләр арасы зурлык арткан саен кими, бу башлыкларга кыскартылган һәм архитектура стиле бирә.
Интерваллар һәм форма
| Максат | Мәгънәсе |
|---|---|
| Тыгызлык | уртача |
| Төп адым | 24px |
| Төймә радиусы | 8px |
| Карта радиусы | 8px |
| Күләгәләр | күләгәләр урынына чикләр юк |
| Бүлекләр арасында | 80px |
| Бит киңлеге | 1440px |
Ясалма интеллект сезнең сайтны IKEA стилендә төзер һәм аны тутырыр
- Продуктлар һәм постлар белән Instagram, TikTok, Facebook сылтамасы аша тутырыгыз.
- Иске сайтыгыздан контентны күчерегез — адресны күрсәтегез генә.
- Иң яхшы двигательдә заманча дизайн: сервер рендерингы һәм SEO оптимизациясе белән React ( Next.js).
- Эзләү нәтиҗәләре һәм нейрон челтәр тәкъдимнәре өчен тулысынча автоматик SEO оптимизациясе.
Охшаш стильләр
- MindMarket — Ак кәгазьдән ясалган уңайлы әкият китабы - кояшта кыздырылган, стикер кебек йомшак өслектә зур "Интер" баш язмалары һәм киселгән кәгазь персонажлар бергә урнашкан дустанә редакция холсты.
- Lamborghini — Күргәзмә залында кара кузов, прожекторлар астында - бер сары машина
- amp — Салкын ак фонда җылы кызгылт сары төс. Дизайн кояш нурлары астында лофтта төшерелгән премиум фитнес продуктын хәтерләтә: бер әйбер, бер акцент, бер ышанычлы шрифт, ул барлык эшне дә башкара.
- LUNCH — җылы пергамент өстендә бәрхет подиум
- Microsoft — Ваклап сату каталогында үзенчәлекле зәңгәр төс кулланыла — ак күргәзмә залы идәнендә квадрат логотипны күз алдыгызга китерегез, анда һәр дизайн элементы зәңгәр төстә.
- Vibrants — Ак мәрмәрдә Skyborne даруханәсе - куе зәңгәр төстәге кара - эретмә, ә салават күпере спектры - дару.
- Isla Beauty — Каймаксыман даруханә стиле, хирургия кызыл төсмерләре белән бизәлгән - җылы пергамент стеналары, янтарь шешәләр һәм һәр этикеткада бер кызыл мөһер турында уйлагыз.
- Swap — Mint редакция галереясе: Якты лайм төсендәге акцентлар һәм нечкә серифлар белән бүлмәләрдә ачык шалфей төсмерләре
- Cursor — Янып торган күмер белән яктыртылган уңайлы пергамент остаханәсе
- Structured — Пластилинга охшаган кәгазьдә Яңарыш галереясе
- Apple (España) — Йомшак көндезге яктылыкта музей галереясе - бер, җәлеп итүче, авырлыксыз ак киңлек, һәр экспонат җиңел төстәге диварга фонарь белән яктыртылган.
- Amplemarket — Кояш нурлары белән тулган эш урыны конфетти белән тулган