Glossier

Фотосесия на слънце - бяла хартия, черно мастило, един ярко жълт акцент

Glossier функционира като дигитално списание за красота: почти монохромно платно от бяло и черно, акцентирано от един-единствен, ярък жълт акцент, който служи и като лого на марката, и като единствен призив за действие. Системата е редакционно сдържана - огромни заглавия на Apercu, достатъчно текстово пространство, лайфстайл фотография на цяла страница, която носи по-голямата част от емоционалната тежест - и утилитарна в изпълнението си: плоски продуктови картички, тънки рамки и пълна липса на украшения. Жълтото не е второстепенен цвят на марката; то Е марката, използвана пестеливо, така че всяка поява да се усеща като светкавица на фотоапарат. Всичко останало е предназначено да избледнее на заден план: неутралните цветове са топли сиви с фин ружов подтон, рамките са фини, а шрифтът е плътен и кондензиран. Резултатът е витрина, която изглежда уверена, семпла и безкомпромисно модерна.

Страницата съдържа вертикално разположена серия от секции на цял екран, всяка от които е проектирана като самостоятелен редакционен разгънат елемент. Основната секция е снимка на цял екран с плаващ бял слой (горе вляво) и масивно жълто лого, заемащо цялата долна част на страницата. Под основната секция секциите се редуват между изображения на цял екран и решетки от отделни карти. Разделянето на категориите (грижа за кожата/грим) на две колони с равно съотношение на изображенията (50/50) се извършва без видима граница - само линия, свързваща изображенията, ги разделя. Продуктовият каталог използва решетка с четири колони от квадратни карти върху платно #f7f7f7. Навигацията е минималистична горна лента с вторична рекламна лента над нея. Разстоянията между секциите са доста големи (64px), но преходите между тях са плавни - без разделители или редуващи се цветове на фона, с изключение на топлия долен колонтитул. Общият ритъм е: снимка, текст, снимка, решетка, снимка - като прелистване на модно списание.

Фотографията е доминиращият визуален език. Цялата визуална площ е изпълнена с лайфстайл изображения и портрети – топло осветление от златен час, меки близки планове на кожа, ръце, държащи бутилки с продукти на фона на слънчеви отблясъци. Цветовата палитра във фотографиите е топла и ненаситена: прасковено небе, теракотени тонове на кожата, дълбоки океански сини тонове. Изображенията винаги заемат цялата повърхност на страницата, без заоблени ъгли, рамки или наслагвания, с изключение на белите текстови карти или жълтото лого. Снимките на продуктите върху каталожните карти са заснети на чисто бял безшевен фон с плоско, равномерно осветление. Съотношението изображение към текст е приблизително 70/30 – изображенията предават емоция, текст, функция. Няма илюстрации, няма абстрактна графика, няма 3D рендеринги.

Онлайн магазин Минимализъм Редакционни Монохромен

https://glossier.com

Палитра

Марка

Glossier Yellow #fff116 — Жълтото се използва като вторичен акцент за декоративни детайли и за подчертаване на по-рядко използвани заявки за търсене. Не трябва да се използва като основен цвят за призив за действие.

Неутрален

Ink #000000 — Текст на основния текст, навигационни връзки, основен текст, текст на долния колонтитул, контури на иконите, тънки рамки; доминиращ типографски и структурен цвят.
Paper #ffffff — Повърхности на продуктови карти, области за запълване, повдигнати панели; най-яркото ниво на повърхността в стека.
Fog #f7f7f7 — Платно на страницата, фонове на секции, преходи между изображения на страницата; основната повърхност, върху която е разположен целият уебсайт.
Blush #faf2f4 — Фон на долния колонтитул, меки топли разделители на секциите; фин розово-бял оттенък добавя топлина към долната част на страниците.
Mist #f0f0f0 — Лека поддържаща повърхност за създаване на ненатрапчив фон и разделяне на секции. Не трябва да се използва като основен цвят за призив за действие.
Ash #e8e8e8 — Граници на полетата за въвеждане, фонове на икони, тънки разделителни линии; структурен цвят на рамката за карти и елементи на формуляри.

Типография

от 12 до 32px · 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 — Редакционен lookbook на бяла хартия. Модна фотосесия, където типографията и фотографията дишат върху чисти бели повърхности, с черно мастило за шрифта и фин, отличителен шрифт без сериф (Favorit), отразяващ цялостния стил на марката.
Oura Ring — Уютна работилница за приготвяне на овесени ядки, окъпана в мека дневна светлина
Stykka — Скандинавска работилница в бяла светлина – тих, ръчно изработен шоурум, където единственият глас е фотографията
DJI — аерокосмическо черно платно с един електриково син акцент
Altitude Beverages — Монохромен разворот на списание. Представете си разворот на модно списание, лишен от всички цветове, с изключение на снимките – текстът и бялото пространство разказват цялата история.
AATHER — Отворена длан, един-единствен пламък - тих лукс, обгърнат в тишина
Cowboy — Белгийска галерия за велосипеди в снежнобяла порцеланова обстановка. Шоурум, където матовите повърхности, големите шрифтове, използвани в редакционните материали, и практически липсата на декорация привличат погледа към велосипеда и неговото съдържание.
Refero — Редакционно оформление върху бял мрамор - продуктова страница, създадена от типограф, където заглавието със сериф е визитната картичка на марката, а всичко останало е ненатрапчиво
Face Formula — Скандинавски редакционен портрет. Спокойна, в стил списание, страница, където погледът на модела и заглавието, написани с кондензиран серифен шрифт, говорят сами за себе си на хладен, мъглив фон.
Shupatto — Музейна витрина от бял мрамор