LUNCH
җылы пергамент өстендә бәрхет подиум
LUNCH CONCEPT вебка тәрҗемә ителгән басылган мода редакциясе кебек укыла: караңгы, тулы битле төп фотоэлемент, анда бренд логотибы хром акцентлары белән зурайтылган 3D текст рәвешендә күрсәтелә, аннан соң җылы пергаментта тыныч, каталог кебек продукт галереясе күрсәтелә. Бит кинематографик каршылык һәм тыныч тыю арасында чиратлаша - төп элемент һөҗүм итә, дип пышылдады төп бүлек. Бер, тонык лаванда төсе реклама юлында, "Сатып бетте" хәлендә һәм аскы колонтитулда гына күренә, ул кычкыру урынына бренд турында белдерү булып хезмәт итә. Бер, фирменный sans-serif шрифты (Good Sans) нигездә кечкенә зурлыкларда кулланыла, һәм төп логотип - типографик тамашаның бердәнбер мизгеле. Үзара бәйләнеш текст сылтамалары аша гына була: тутырылган төймәләр юк, градиентлар юк, декоратив хром юк, төп элементның 3D логотибыннан кала.
Үзәкләштерелгән эчтәлек бүлекләре өчен максималь киңлек ~1280 пиксель; бит исеме бөтен бит киңлеген кырыйдан кырыйга кадәр колачлый. Бит ритмы: бөтен бит киңлеген колачлаган караңгы бит исеме (күрү мәйданы биеклеге) → караңгы фонда үзәкләштерелгән кереш текст → шул ук фонда 4-5 баганалы продукт челтәре → сирень пәрдә аскы колонтитул полосасы. Навигация бит исеме өстендә (караңгы фонда якты текст) һәм кереш текст өстендә (якты фонда кара текст) нечкә текст полосасы буларак урнашкан. Продукт челтәре эчке тигезләү белән тыгыз макетка ия, рәсемнәр арасында эчлекләр яки визуаль аерылышлар юк. Кереш текст - тар, үзәкләштерелгән багана (~600-700 пиксель), өстендә һәм астында киң вертикаль бушлык (60-80 пиксель). Гомуми тыгызлык: редакция бүлекләрендә киң, продукт челтәрендә кысылган.
Дизайнда редакция мода фотографиясе өстенлек итә: төп рәсемдә модельләрнең караңгы, югары контрастлы фотолары (караңгы студия яктыртуы, авангард стиле - кызыл күн корсетлар, шакмаклы шакмаклар, гаҗәеп позалар), ә челтәрдә яссы, нейтраль фонда ачык продукт/люкбук фотолары бар (модельләр һәм продуктлар ачык соры/ак фонда, яшәү рәвеше контекстыннан башка фотога төшерелә). Рәсемнәрнең кырыйлары ачык, радиусы нуль һәм челтәрдәге янәшә рәсемнәр белән тыгыз туры китерелгән. Төп рәсем карау мәйданының дүрт кырыен да били, һәм 3D хром логотибы объектны каплап тора. Челтәрдәге продукт рәсемнәре бөтен рәт буенча биеклек-киңлек нисбәтен саклый. Минималь текст навигациясеннән башка иллюстрацияләр яки иконалар юк. Визуаль тел: яхшы төшерегез, кискен кисегез һәм фотога брендның йөзе булырга рөхсәт итегез.
Палитра
Бренд
- Lilac Veil
#b8aad0— Фон бизәкләре, декоратив сызыклар һәм эчтәлек артындагы йомшак акцент өчен шәмәхә төстәге тутырма.
Нейтраль
- Ink Black
#000000— Барлык төп текст, навигация тексты, сылтама чикләре, карта чикләре һәм иконка чикләре бөтен интерфейсның структура линиясен тәшкил итә. - Warm Parchment
#f4f1e4— Редакция/продукт өлкәсендәге битләр һәм бүлекләрнең фоны - продукт фотосурәтләре урнаштырылган тыныч фон. - Ivory Mist
#fcfaf1— Караңгы төп элемент өстендәге навигация текстының төсе, текстураның нечкә төсмере һәм нечкә чикләр караңгы өлештәге UI өчен саф ак төскә җылырак альтернатива тәкъдим итә.
Типография
12 дән 72 пиксельгә кадәр · 5 адым
- Good Sans — алыштыру: Söhne · контурлар 400, 700 · Навигация, төп текст, продукт метамәгълүматлары, сылтамалар һәм барлык UI текстлары өчен универсаль шрифт. Икеләтелгән авырлык системасы (төп текст/башлыклар өчен гадәти 400, бренд исемнәре, бәяләр һәм төп нокталар өчен калын 700) зурлыкны арттырмыйча иерархия булдыра. Нульгә якын уңай хәреф аралыгы аны геометрикка караганда күбрәк редакцияли.
- Redaction — алыштыру: GT Sectra Display Bold · контурлар 700 · Текст өчен генә — бу тулы экранлы текст өчен нигез булып хезмәт итүче зур, хром текст "LUNCH" өчен махсус шрифт. Ул биткә бер тапкыр кулланыла; ул кабат кулланыла торган компонент түгел, ә типографик имза.
Интерваллар һәм форма
| Максат | Мәгънәсе |
|---|---|
| Тыгызлык | тыгыз |
| Төп адым | 20-30px |
| Төймә радиусы | 0px |
| Карта радиусы | 0px |
| Күләгәләр | күләгәләр урынына чикләр юк |
| Бүлекләр арасында | 60-80px |
| Бит киңлеге | 1280px |
Ясалма интеллект сезнең сайтны LUNCH стилендә төзер һәм аны тутырыр
- Продуктлар һәм постлар белән Instagram, TikTok, Facebook сылтамасы аша тутырыгыз.
- Иске сайтыгыздан контентны күчерегез — адресны күрсәтегез генә.
- Иң яхшы двигательдә заманча дизайн: сервер рендерингы һәм SEO оптимизациясе белән React ( Next.js).
- Эзләү нәтиҗәләре һәм нейрон челтәр тәкъдимнәре өчен тулысынча автоматик SEO оптимизациясе.
Охшаш стильләр
- MindMarket — Ак кәгазьдән ясалган уңайлы әкият китабы - кояшта кыздырылган, стикер кебек йомшак өслектә зур "Интер" баш язмалары һәм киселгән кәгазь персонажлар бергә урнашкан дустанә редакция холсты.
- Lamborghini — Күргәзмә залында кара кузов, прожекторлар астында - бер сары машина
- amp — Салкын ак фонда җылы кызгылт сары төс. Дизайн кояш нурлары астында лофтта төшерелгән премиум фитнес продуктын хәтерләтә: бер әйбер, бер акцент, бер ышанычлы шрифт, ул барлык эшне дә башкара.
- IKEA — кояш нурлары белән тулган Швеция җиһазлары күргәзмә залы, сүтелгән хәлдә
- Microsoft — Ваклап сату каталогында үзенчәлекле зәңгәр төс кулланыла — ак күргәзмә залы идәнендә квадрат логотипны күз алдыгызга китерегез, анда һәр дизайн элементы зәңгәр төстә.
- Vibrants — Ак мәрмәрдә Skyborne даруханәсе - куе зәңгәр төстәге кара - эретмә, ә салават күпере спектры - дару.
- Isla Beauty — Каймаксыман даруханә стиле, хирургия кызыл төсмерләре белән бизәлгән - җылы пергамент стеналары, янтарь шешәләр һәм һәр этикеткада бер кызыл мөһер турында уйлагыз.
- Swap — Mint редакция галереясе: Якты лайм төсендәге акцентлар һәм нечкә серифлар белән бүлмәләрдә ачык шалфей төсмерләре
- Cursor — Янып торган күмер белән яктыртылган уңайлы пергамент остаханәсе
- Structured — Пластилинга охшаган кәгазьдә Яңарыш галереясе
- Apple (España) — Йомшак көндезге яктылыкта музей галереясе - бер, җәлеп итүче, авырлыксыз ак киңлек, һәр экспонат җиңел төстәге диварга фонарь белән яктыртылган.
- Amplemarket — Кояш нурлары белән тулган эш урыны конфетти белән тулган