Glossier
Фотосесија во „Сончева светлина“ - бела хартија, црно мастило, еден светло жолт акцент
Glossier функционира како дигитално списание за убавина: речиси монохроматско платно од бело и црно, испрекинато со еден, живописен жолт акцент кој служи и како лого на брендот и единствен повик за акција. Системот е уреднички ограничен - преголеми наслови од Apercu, доволно простор за текст, фотографија од животен стил на цела страница која го носи најголемиот дел од емоционалната тежина - и утилитарен во изведбата: рамни картички за производи, тенки рамки и целосен недостаток на украси. Жолтата не е секундарна боја на брендот; таа Е брендот, употребена ретко, така што секое појавување се чувствува како блиц од камера. Сè друго е наменето да исчезне во позадина: неутралните се топли сиви со суптилна руменило, границите се суптилни, а буквите се густи и кондензирани. Резултатот е излог кој се чувствува самоуверено, дискретно и бескомпромисно модерно.
Страницата содржи вертикално распоредена серија од делови на цел екран, секој дизајниран како самостоен уреднички распоред. Главниот дел е фотографија со целосна ширина со лебдечки бел преклоп (горе лево) и масивно жолто лого кое го зафаќа целиот долен дел од страницата. Под главниот дел, деловите се менуваат помеѓу слики на цел екран и мрежи од поединечни картички. Поделбата на категориите (нега на кожа/шминка) во две колони со еднаков сооднос на слики (50/50) се случува без видлива граница - само линија што ги поврзува сликите ги одделува. Каталогот на производи користи мрежа од четири колони од квадратни картички на платно #f7f7f7. Навигацијата е минималистичка горна лента со секундарна рекламна лента над неа. Празнините помеѓу деловите се прилично големи (64px), но транзициите помеѓу деловите се мазни - без разделувачи или наизменични бои во позадина, освен топлиот подножје. Целокупниот ритам е: фотографија, текст, фотографија, мрежа, фотографија - како прелистување низ модно списание.
Фотографијата е доминантен визуелен јазик. Целиот простор за гледање е исполнет со слики од животниот стил и портрети - топло златно осветлување на часовите, меки крупни планови на кожа, раце што држат шишиња од производи наспроти позадина од сончев отсјај. Палетата на бои на фотографиите е топла и незаситена: прасково небо, теракота тонови на кожа, длабоки океански сини нијанси. Сликите секогаш ја зафаќаат целата површина на страницата, без заоблени агли, рамки или преклопувања, со исклучок на бели текстуални картички или жолто лого. Фотографиите од производи на каталошки картички се направени наспроти чиста бела беспрекорна позадина со рамно, рамномерно осветлување. Соодносот слика-текст е приближно 70/30 - сликите пренесуваат емоции, текст, функција. Без илустрации, без апстрактна графика, без 3D рендери.
Палета
Бренд
- 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 — Уреднички лукбук на бела хартија. Модно снимање каде типографијата и фотографијата дишат на чисти бели површини, со црно мастило за фонтот и суптилен препознатлив санс-сериф фонт (Favorit), што го одразува целокупниот стил на брендот.
- Oura Ring — Пријатна работилница за правење овесна каша, искапена во мека дневна светлина
- Stykka — Скандинавска работилница во бела светлина – тивок, рачно изработен изложбен салон каде што единствениот глас е фотографијата
- DJI — воздухопловно црно платно со еден електрично сино осветлување
- Altitude Beverages — Монохроматски шаблон за списание. Замислете шаблон за модно списание лишен од сите бои освен од фотографиите - текстот и белиот простор ја раскажуваат целата приказна.
- AATHER — Отворена дланка, еден пламен - тивок луксуз содржан во тишината
- Cowboy — Белгиска галерија на велосипеди во снежнобел порцелански амбиент. Изложбен салон каде што мат површините, големите фонтови што се користат во уредничките материјали и практичното отсуство на декорација го привлекуваат вниманието кон велосипедот и неговата содржина.
- Refero — Уреднички распоред на бел мермер - страница на производ креирана од типограф, каде што насловот со сериф е визит-карта на брендот, а сè друго е ненаметливо.
- Face Formula — Скандинавски уреднички портрет. Мирен, распоред во стилот на списание, каде погледот на моделот и насловот, напишани со кондензиран сериф фонт, зборуваат сами за себе наспроти ладна, маглива позадина.
- Shupatto — Музејска витрина на бел мермер