Le Puzz
"Sunny Sunday Circular" - серләр тулы таблоид.
Le Puzz - бутик кибетләре өчен максималист электрон коммерция системасы, ул ике төсле нигезгә корылган: бай, бал корты сыман сары төс саф кара төс белән парлаштырылган, салкын, энҗе-соры фонда урнаштырылган. Аның стиле винтаж газета һәм пазл арасындагы кушымта: төп текст serif Times шрифтында, ә башлыклар Times Now махсус шрифтында, махсус рәвештә sans-serif шрифтларына нигезләнгән традицион электрон коммерция конвенцияләрен махсус боза. Интерфейс үзе гади һәм челтәргә нигезләнгән, бу визуаль йогынтыны продукт төргәге (уенчыклар белән тутырылган тыгыз, иллюстрацияләнгән композицияләр) белән күрсәтергә мөмкинлек бирә. Интерфейс белән идарә итү бик нык: сары фонда кара чикле төймәләр, таблетка формасындагы иконалар, 12 пиксель радиусы булган карточкалар һәм кечкенә баш хәрефләр өчен киң ара, бу хәтта "ТИЗ ӨСТӘҮ" төймәсенә дә редакция стиле бирә.
Үзенчәлекле редакция дизайны белән классик электрон коммерция челтәре. Башлык - 1 киңлектәге кара чикле сары бал корты полосасы, анда үзәкләштерелгән логотип һәм өстәмә навигация төймәләре рәте урнашкан. Аста, соры фонда өч баганалы продуктлар челтәре өстендә, Times Now шрифтында үзәкләштерелгән сәламләү башлыгы урнашкан. Төп элемент - түгәрәкләнгән почмаклары (40) булган үзәкләштерелгән фотоблок, аның ян ягында ике продукт картасы урнашкан. Бүлекләрнең ритмы саклана: киң вертикаль ара (30), сары һәм соры өслекләр чиратлашып урнашкан, һәм битнең уртасында якынча 4,5 см максималь киңлек. Продукт карточкалары бер үк зурлыкта һәм 5 см аралы өч баганалы челтәрдә урнаштырылган. Макет симметрик һәм челтәргә бәйләнгән - асимметрик композицияләр яки капланган элементлар юк.
Визуаль элемент - продукт фотосурәтләре. Пазл тартмалары ак/нейтраль фонда тулысынча фотога төшерелә, аннары җылы зәңгәр яки табигый студия фонына урнаштырыла. Төп рәсемдә берничә пазл тартмасы тоткан кеше сурәтләнә - тормыш рәвеше объекты, ул тырышлыксыз энергия белән төшерелгән. Төргәк үзе бай, иллюстрацияле һәм максималист: калын кара контурлы якты төп төсләрдәге күпсанлы уенчыклар, азык-төлек продуктлары һәм персонажлар, 500 кисәктән торган пазлга таралган балалар китабы иллюстрациясе кебек күренерлек итеп эшләнгән. Абстракт графика, 3D рендерлар, бер зурайткыч пыяладан башка иконография юк - пазллар үзләре визуаль тел булып тора.
Палитра
Бренд
- Honeycomb Yellow
#ffd931— Төп бренд төсе, исем юллары, төп гамәл төймәләре, навигациянең актив халәте, сылтама асты сызылган төс, басым тутыру - калган барысы да әйләнә торган бер төсле нота.
Нейтраль
- Carbon Black
#000000— Төп текст, калын чикләр, төймә контурлары, иконалар контурлары, навигация тексты - бөтен системаның структураль нигезе. - Ink Black
#231f20— Икенчел текст, төп текст, төймә чикләре, кертү кыры чикләре - йомшакрак тою өчен бераз җылырак, диярлек кара төс. - Pearl Gray
#c8cbcd— Бит холсты, продукт карточкалары фоннары, сары һәм кара төсләр күренә торган гаҗәеп сәхнә. - Fog Gray
#a6a8aa— Тыгызланган бейдж өслекләре, икенчел чип фоннары һәм кулланучы интерфейсының нечкә тутырулары. - Smoke Line
#d6d6d6— Нечкә бүлгечләр, яшерен өстәл/карточка бүлгечләре.
Типография
11 дән 47 пиксельгә кадәр · 6 адым
- Times Now — алыштыру: Playfair Display · контурлар 100, 400 · Башлыклар һәм өстәмә исемнәр өчен сериф шрифты — төп исемнәр, продукт исемнәре һәм бүлек исемнәре өчен кулланыла. 47 пиксельле тональлекле ультра җиңел 100 пунктлы шрифт биек, диярлек кыскартылган редакция хисе тудыра; кыскартылган хәреф формалары (юл биеклеге 0,87–0,90) зур башлыкларны басылган плакатны кабатлап, озатып баручы текстка якын урнаштырырга мөмкинлек бирә.
- Times — алыштыру: Times New Roman · контурлар 400 · Сериф шрифтлы текст онлайн кибет өчен көтелмәгән сайлау булып тора, ул бөтен сайтка әдәби, каталог кебек тоела. Кечкенә юл аралыгы (1.15) абзацларны компакт һәм укыла торган итә.
- Helvetica Neue — алыштыру: Helvetica · контурлар 100, 400 · Кулланучы интерфейсындагы кечкенә текст, төймәләрдәге текст һәм микротекст 11 пиксель зурлыктагы шрифтта урнаштырылган, хәрефләр арасы зур (0.0730em), бу хәтта уңайлы тән температурасында да баш хәрефләр белән язган кебек хис тудыра.
Интерваллар һәм форма
| Максат | Мәгънәсе |
|---|---|
| Тыгызлык | тыгыз |
| Төп адым | 15px |
| Төймә радиусы | 12px |
| Карта радиусы | 12px |
| Күләгәләр | күләгәләр урынына чикләр юк |
| Бүлекләр арасында | 30-40px |
| Бит киңлеге | 1200px |
Ясалма интеллект сезнең сайтны Le Puzz стилендә төзер һәм аны тутырыр
- Продуктлар һәм постлар белән Instagram, TikTok, Facebook сылтамасы аша тутырыгыз.
- Иске сайтыгыздан контентны күчерегез — адресны күрсәтегез генә.
- Иң яхшы двигательдә заманча дизайн: сервер рендерингы һәм SEO оптимизациясе белән React ( Next.js).
- Эзләү нәтиҗәләре һәм нейрон челтәр тәкъдимнәре өчен тулысынча автоматик SEO оптимизациясе.
Охшаш стильләр
- Agence Foudre — Журналның тышлык бите помаданы хәтерләткән йомшак алсу төстә.
- INVERSA — Төн уртасындагы топографик кыр терминалы. Караңгы команда панеле, анда зур редакция шрифты һәм бер кат неон-яшел маркерлар Җирнең спутник рәсемнәренә урнаштырылган, һәр ярлык монохром, әйтерсең лә, миссия координатларын укый.
- Acne Studios — Минималист галерея киңлеге, анда җанлы фоторәсемнәр белән тулы — мәрмәрдә урнаштырылган мода журналы.
- GTE — Галерея яктырту артындагы сәүдә терминалы
- Diabla — Төш вакытындагы Урта диңгез ишегалды – кояш нурлары сүнгән алсу стеналар, бер ачык кызыл киндер чатыр һәм күктә сузылган серифлар белән язылган редакция язмалары.
- Subset — Чимал җитен материалдан эшләнгән редакция бутигы
- Cursor — Янып торган күмер белән яктыртылган уңайлы пергамент остаханәсе
- MindMarket — Ак кәгазьдән ясалган уңайлы әкият китабы - кояшта кыздырылган, стикер кебек йомшак өслектә зур "Интер" баш язмалары һәм киселгән кәгазь персонажлар бергә урнашкан дустанә редакция холсты.
- Lamborghini — Күргәзмә залында кара кузов, прожекторлар астында - бер сары машина
- Amplemarket — Кояш нурлары белән тулган эш урыны конфетти белән тулган
- Getharvest — Алтын сәгатьтәге өстәл – җылы каймак төстәге киндер, киндердә эленгән ак открыткалар һәм бер генә ачык кызгылт сары ялкын.
- Drive Capital — Җылы кәгазьдә ретро юл сәяхәте плакаты