Телеграмма, WhatsApp  +380637610482
Валерий Данюк
Валерий ДанюктаҳиягарТаҳияи абзорҳои зеҳни сунъӣ барои тиҷорат. Сифати баланд. Дастрас.Ба Telegram нависед
Glossier — пешнамоиши сайт бо ин услуб

Glossier

Фотосессияи офтобӣ - коғази сафед, ранги сиёҳ, як лаки зарди дурахшон

"Glossier" мисли маҷаллаи рақамии зебоӣ кор мекунад: қариб якранги сафед ва сиёҳ, ки бо як лаҳҷаи зардранги дурахшон оро дода шудааст, ки ҳамчун логотипи бренд ва ягона даъват ба амал ҳамзамон хизмат мекунад. Система аз ҷиҳати таҳрирӣ маҳдуд аст - сарлавҳаҳои калонҳаҷми Apercu, фазои фаровони матн, аксбардории пурраи саҳифаи тарзи зиндагӣ, ки қисми зиёди вазни эмотсионалиро ба дӯш мегирад - ва дар иҷрои он утилитарӣ: кортҳои ҳамвори маҳсулот, канорҳои борик ва набудани пурраи ороиш. Зард ранги дуюмдараҷаи бренд нест; он бренд аст, ки кам истифода мешавад, то ҳар як намуди зоҳирӣ мисли дурахши камера эҳсос шавад. Ҳама чизи дигар барои нопадид шудан дар замина пешбинӣ шудааст: нейтралҳо хокистарии гарм бо оҳанги сурхии нозук мебошанд, канорҳо нозуканд ва шрифт зич ва фишурда аст. Натиҷа витринаи мағозаест, ки эътимодбахш, хокистарӣ ва муосири бечунучаро ба назар мерасад.

Саҳифа дорои силсилаи амудии қисматҳои пурраи экран мебошад, ки ҳар кадоме ҳамчун як нашри мустақили таҳрирӣ тарҳрезӣ шудааст. Қисмати асосӣ як акси пурра бо қабати сафеди шинокунанда (боло аз чап) ва логотипи бузурги зард мебошад, ки тамоми поёни саҳифаро ишғол мекунад. Дар зери қисмати асосӣ, қисматҳо байни тасвирҳои пурраи экран ва шабакаҳои кортҳои алоҳида иваз мешаванд. Тақсимоти категорияҳо (нигоҳубини пӯст/ороиш) ба ду сутун бо таносуби баробари тасвирҳо (50/50) бе сарҳади намоён сурат мегирад - танҳо хати пайвасткунандаи тасвирҳо онҳоро ҷудо мекунад. Каталоги маҳсулот аз шабакаи чорсутунии кортҳои чоркунҷа дар матои #f7f7f7 истифода мебарад. Навигатсия як сатри болоии минималистӣ бо рахи дуюмдараҷаи таблиғотӣ дар болои он аст. Фосилаҳои байни қисматҳо хеле калонанд (64 пиксел), аммо гузаришҳо байни қисматҳо ҳамворанд - бе тақсимкунандагон ё рангҳои заминаи ивазшаванда, ба истиснои поёни гарм. Ритми умумӣ чунин аст: акс, матн, акс, шабака, акс - мисли варақ задан дар маҷаллаи мӯд.

Суратгирӣ забони асосии визуалӣ аст. Тамоми минтақаи тамошо пур аз тасвирҳо ва портретҳои тарзи зиндагӣ аст — равшании гарми тиллоӣ, аксҳои наздики нарми пӯст, дастҳое, ки шишаҳои маҳсулотро дар пасманзари нури офтоб нигоҳ медоранд. Палитраи рангҳо дар аксҳо гарм ва серғизо аст: осмони шафтолу, рангҳои пӯсти терракотта, кабуди амиқи уқёнус. Тасвирҳо ҳамеша тамоми сатҳи саҳифаро ишғол мекунанд, бе кунҷҳои мудаввар, чаҳорчӯбаҳо ё рӯйпӯшҳо, ба истиснои кортҳои матнии сафед ё логотипи зард. Аксҳои маҳсулот дар кортҳои каталогӣ дар пасманзари сафеди бефосила бо равшании ҳамвор ва яксон аксбардорӣ карда мешаванд. Таносуби тасвир ба матн тақрибан 70/30 аст — тасвирҳо эҳсосот, матн ва функсияро ифода мекунанд. Бе тасвирҳо, бе графикаи абстрактӣ, бе тасвирҳои сеченака.

Палитра

Бренд

  • Glossier Yellow #fff116 — Зард ҳамчун таъкиди дуюмдараҷа барои тафсилоти ороишӣ ва барои таъкид кардани дархостҳои ҷустуҷӯии камтар истифодашаванда истифода мешавад. Он набояд ҳамчун ранги асосӣ барои даъват ба амал истифода шавад.

Бетараф

  • Ink #000000 — Матни асосӣ, пайвандҳои навигатсия, матни асосӣ, матни поёни саҳифа, контурҳои нишонаҳо, сарҳадҳои борик; ранги типографӣ ва сохтории бартарӣ.
  • Paper #ffffff — Сатҳҳои корти маҳсулот, майдонҳои пуркунӣ, панелҳои барҷаста; сатҳи равшантарин дар стек.
  • Fog #f7f7f7 — Канваси саҳифа, пасзаминаҳои қисмат, гузаришҳо байни тасвирҳо дар саҳифа; сатҳи асосӣ, ки тамоми вебсайт дар он ҷойгир аст.
  • Blush #faf2f4 — Заминаи поёни саҳифа, тақсимкунакҳои қисмати гарми мулоим; ранги нозуки гулобӣ-сафед ба поёни саҳифаҳо гармӣ зам мекунад.
  • Mist #f0f0f0 — Сатҳи сабуки дастгирикунанда барои эҷоди заминаи беназорат ва ҷудо кардани қисмҳо. Он набояд ҳамчун ранги асосӣ барои даъват ба амал истифода шавад.
  • Ash #e8e8e8 — Сарҳадҳои майдони вурудӣ, заминаҳои нишонаҳо, хатҳои борик ҷудокунанда; ранги сохтории сарҳад барои кортҳо ва унсурҳои шакл.

Типография

аз 12 то 32 пиксел · 5 қадам

  • Apercu — ивазкунӣ: Inter · контурҳо 400, 500, 700 · Шрифти асосӣ дар тамоми интерфейси корбар истифода мешавад - матни асосӣ дар 16px/400, навигатсия ва сарлавҳаҳо дар 12–14px/500, зерсарлавҳаҳо дар 20px/500 ва сарлавҳаҳои таҳрирӣ дар 32px/700. Тарроҳии геометрӣ ва гуманистии Apercu ба бренд услуби муосир ва мухтасар медиҳад; фосилаи қариб сифрии ҳарфҳо (0.002–0.003em) шрифтро фишурда ва ба маҷалла монанд мекунад, на ҳавоӣ ё дӯстона. Вазни 700 барои унсурҳои намоиш дар мақолаҳои таҳрирӣ нигоҳ дошта мешавад, на барои унсурҳои UI.
  • Apercu Mono — ивазкунӣ: JetBrains Mono or IBM Plex Mono · контурҳо 400 · Типографияи микроутилитарӣ барои метамаълумоти фармоиш, рақамҳои пайгирӣ ва тамғакоғазҳо дар паҳлӯи рамз; версияи якфосилавӣ матни техникиро дар муқобили намуди бадани мутаносиб эҷод мекунад.
  • GTStandard-M — ивазкунӣ: Inter · контурҳо 400 · GTStandard-M - Дар маълумоти истихроҷшуда ёфт шудааст, аммо аз ҷониби зеҳни сунъӣ тавсиф нашудааст.

Фосилаҳо ва шакл

МақсадМаънӣ
Зичӣмиёна
Қадами асосӣ8px
Радиуси тугма0px
Радиуси корт0px
Сояҳобе марзҳо ба ҷои сояҳо
Байни бахшҳо64px
Паҳнои саҳифа1440px

Соҳиби зеҳни сунъӣ вебсайти шуморо бо услуби Glossier месозад ва онро пур мекунад

  • Тавассути истинод - Instagram, TikTok, Facebook, маҳсулот ва паёмҳоро пур кунед.
  • Мундариҷаро аз сомонаи кӯҳнаи худ интиқол диҳед — танҳо суроғаро муайян кунед.
  • Тарроҳии муосир дар беҳтарин муҳаррик: React ( Next.js) бо рендеринги сервер ва беҳсозии SEO аз қуттӣ.
  • Беҳсозии пурра автоматии SEO барои натиҷаҳои ҷустуҷӯ ва тавсияҳои шабакаи асаб.

Услубҳои монанд

  • Lightship — Диорамаи синамоии роҳи кушод. Деворҳои галереяи гарми қаймоқранг, ки бо аксҳои калони манзараҳо, ки дар фосилаҳои наздик насб карда шудаанд, оро дода шудаанд, шрифти сиёҳи тунук, ки дар чаҳорчӯбаҳо базӯр намоён аст ва як лакнти норанҷии дурахшон, ки монохромро мисли оташ дар чаманзор мешиканад.
  • Faire ES — каталоги яклухти қаймоқи гарм
  • Adanola — Дафтари таҳририи луч-китоб дар коғази сафед. Аксияи мӯд, ки дар он типография ва аксбардорӣ дар сатҳҳои сафеди тоза нафас мекашанд, бо ранги сиёҳ барои ҳуруф ва шрифти нозуки имзои sans-serif (Favorit), ки сабки умумии брендро инъикос мекунад.
  • Oura Ring — Коргоҳи бароҳати тайёр кардани овёс, ки дар нури офтоби соф ғунҷонида шудааст
  • Stykka — Коргоҳи Скандинавия бо нури сафед - толори намоишии ором ва дастӣ, ки дар он ягона овоз аксбардорӣ аст
  • DJI — канваси сиёҳи кайҳонӣ бо як равшании кабуди барқӣ
  • Altitude Beverages — Як лавҳаи маҷаллаҳои якранг. Тасаввур кунед, ки як лавҳаи маҷаллаҳои мӯд аз ҳама рангҳо маҳрум аст, ба истиснои аксҳои ором - матн ва фазои сафед тамоми достонро нақл мекунанд.
  • AATHER — Як кафи кушода, як аланга - як боҳашамати ором, ки дар хомӯшӣ ҷойгир аст
  • Cowboy — Галереяи велосипедҳои Белгия дар фазои чинии сафеди барфӣ. Толори намоишгоҳе, ки дар он сатҳҳои мат, шрифтҳои калон дар маводи таҳрирӣ истифода мешаванд ва набудани ороиш диққатро ба велосипед ва мундариҷаи он ҷалб мекунад.
  • Refero — Тарҳбандии таҳририя дар мармари сафед - саҳифаи маҳсулоте, ки аз ҷониби типограф сохта шудааст, ки дар он сарлавҳаи serif корти шиносоии бренд аст ва ҳама чизи дигар ноаён аст
  • Face Formula — Портрети таҳририяи Скандинавия. Як расми ором ва ба услуби маҷалла монанд, ки дар он нигоҳи модел ва сарлавҳа, ки бо шрифти серифи фишурда навишта шудааст, дар пасманзари хунук ва туманнок худ аз худ сухан мегӯяд.
  • Shupatto — Витринаи осорхона дар мармари сафед