Телеграм, WhatsApp+380637610482
Валериј Дањук
Валериј ДањукпрограмерРазвој вештачке интелигенције за предузећа. Висококвалитетни. Приступачни.Pišite na Telegram
Glossier — преглед сајта у овом стилу

Glossier

Фотографисање на сунцу - бели папир, црно мастило, један јарко жути акценат

Glossier функционише као дигитални часопис о лепоти: готово монохроматско платно беле и црне боје, испрекидано једним, јарким жутим акцентом који служи и као лого бренда и једини позив на акцију. Систем је уреднички уздржан – превелики Apercu наслови, обиље простора за текст, лифестајл фотографије преко целе странице које носе највећи део емоционалне тежине – и утилитаран у изведби: равне картице производа, танке ивице и потпуни недостатак украшавања. Жута није секундарна боја бренда; она ЈЕСТЕ бренд, коришћена штедљиво, тако да сваки изглед делује као блиц фотоапарата. Све остало је намењено да бледи у позадину: неутралне боје су топле сиве са суптилним руменило подтоном, ивице су суптилне, а слова су густа и кондензована. Резултат је излог који делује самоуверено, ненаметљиво и бескомпромисно модерно.

Страница садржи вертикално распоређен низ одељака преко целог екрана, сваки дизајниран као самостални уреднички распоред. Главни одељак је фотографија преко целог екрана са плутајућим белим преклапањем (горе лево) и масивним жутим логотипом који заузима цело дно странице. Испод главног одељка, одељци се смењују између слика преко целог екрана и мрежа појединачних картица. Подела категорија (нега коже/шминка) у две колоне са једнаким односом слика (50/50) се одвија без видљиве границе - само линија која повезује слике их раздваја. Каталог производа користи мрежу квадратних картица са четири колоне на платну #f7f7f7. Навигација је минималистичка горња трака са секундарном рекламном траком изнад ње. Размаци између одељака су прилично велики (64px), али су прелази између одељака глатки - без раздела или наизменичних боја позадине, осим топлог подножја. Укупни ритам је: фотографија, текст, фотографија, мрежа, фотографија - као листање модног часописа.

Фотографија је доминантан визуелни језик. Читав простор за гледање испуњен је сликама животног стила и портретима – топло златно сатно осветљење, меки крупни планови коже, руке које држе бочице производа на позадини сунчевог одсјаја. Палета боја на фотографијама је топла и незасићена: бресквасто небо, теракота тонови коже, дубока океанска плава. Слике увек заузимају целу површину странице, без заобљених углова, оквира или преклапања, са изузетком белих текстуалних картица или жутог логотипа. Фотографије производа на каталошким картицама су снимљене на чисто белој бешавној позадини са равним, равномерним осветљењем. Однос слике и текста је приближно 70/30 – слике преносе емоцију, текст, функцију. Нема илустрација, нема апстрактне графике, нема 3Д рендеровања.

Палета

Brend

  • 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 је резервисана за елементе приказа у уредничким чланцима, а не за елементе корисничког интерфејса.
  • 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 — Уреднички лукбук на белом папиру. Модно снимање где типографија и фотографија дишу на чистим белим површинама, са црним мастилом као фонтом и суптилним препознатљивим фонтом без серифа (Favorit), који одражава целокупни стил бренда.
  • Oura Ring — Удобна радионица за прављење овсене каше, окупана меком дневном светлошћу
  • Stykka — Скандинавска радионица у белом светлу – тихи, ручно рађени изложбени простор где је једини глас фотографија
  • DJI — црно платно боје ваздухопловства са једним електрично плавим акцентом
  • Altitude Beverages — Монохромна верзија часописа. Замислите верзију модног часописа без свих боја осим фотографија — текст и бели простор говоре целу причу.
  • AATHER — Отворени длан, један пламен - тихи луксуз садржан у тишини
  • Cowboy — Белгијска галерија бицикала у снежно белом порцеланском амбијенту. Изложбени салон где мат површине, велики фонтови коришћени у уредничким материјалима и практично одсуство декорације привлаче пажњу на бицикл и његов садржај.
  • Refero — Уреднички распоред на белом мермеру - страница производа коју је креирао типограф, где је серифни наслов визитна картица бренда, а све остало је неупадљиво
  • Face Formula — Скандинавски уреднички портрет. Мирна, у стилу часописа, где поглед модела и наслов, исписани згуснутим серифним фонтом, говоре сами за себе на хладној, магловитој позадини.
  • Shupatto — Музејска витрина на белом мермеру