Glossier
Sluneční focení - bílý papír, černý inkoust, jeden zářivě žlutý akcent
Glossier funguje jako digitální časopis o kráse: téměř monochromatické plátno bílé a černé, přerušované jediným, zářivým žlutým akcentem, který slouží zároveň jako logo značky a jediná výzva k akci. Systém je redakčně zdrženlivý – nadrozměrné titulky Apercu, dostatek textového prostoru, celostránkové lifestylové fotografie, které nese většinu emocionální váhy – a utilitární v provedení: ploché produktové karty, tenké okraje a naprostý nedostatek ozdob. Žlutá není sekundární barvou značky; JE to značka, použitá střídmě, takže každý vzhled působí jako blesk fotoaparátu. Všechno ostatní má ustoupit pozadí: neutrální barvy jsou teplé šedé s jemným podtónem růžovky, okraje jsou decentní a písmo je hutné a zhuštěné. Výsledkem je výloha, která působí sebevědomě, decentně a nekompromisně moderním dojmem.
Stránka obsahuje vertikálně uspořádanou řadu celoobrazovkových sekcí, z nichž každá je navržena jako samostatný redakční rozkládací panel. Hlavní sekce je tvořena celoobrazovkovou fotografií s plovoucí bílou vrstvou (vlevo nahoře) a masivním žlutým logem, které zabírá celou spodní část stránky. Pod hlavní sekcí se střídají celoobrazovkové obrázky a mřížky jednotlivých karet. Rozdělení kategorií (péče o pleť/líčení) do dvou sloupců se stejným poměrem obrázků (50/50) probíhá bez viditelného ohraničení – obrázky odděluje pouze čára spojující je. Katalog produktů používá čtyřsloupcovou mřížku čtvercových karet na plátně #f7f7f7. Navigace je tvořena minimalistickým horním panelem se sekundárním reklamním proužkem nad ním. Mezery mezi sekcemi jsou poměrně velké (64px), ale přechody mezi nimi jsou plynulé – bez oddělovačů nebo střídání barev pozadí, s výjimkou teplé patičky. Celkový rytmus je: fotografie, text, fotografie, mřížka, fotografie – jako listování módním časopisem.
Fotografie je dominantním vizuálním jazykem. Celá zobrazovaná plocha je vyplněna snímky životního stylu a portréty – teplé světlo zlaté hodinky, jemné detaily pleti, ruce držící lahvičky s produkty na pozadí slunečního záření. Barevná paleta na fotografiích je teplá a desaturovaná: broskvová obloha, terakotové odstíny pleti, tmavě modrá oceánu. Obrázky vždy zabírají celou plochu stránky, bez zaoblených rohů, rámečků nebo překrytí, s výjimkou bílých textových karet nebo žlutého loga. Fotografie produktů na katalogových kartách jsou pořízeny na čistě bílém bezešvém pozadí s plochým, rovnoměrným osvětlením. Poměr obrázku k textu je přibližně 70/30 – obrázky vyjadřují emoce, text, funkci. Žádné ilustrace, žádná abstraktní grafika, žádné 3D renderingy.
Paleta
Značka
- Glossier Yellow
#fff116— Žlutá se používá jako sekundární akcent pro dekorativní detaily a ke zvýraznění méně často používaných vyhledávacích dotazů. Neměla by se používat jako primární barva pro výzvu k akci.
Neutrální
- Ink
#000000— Text v těle, navigační odkazy, primární text, text zápatí, obrysy ikon, tenké okraje; dominantní typografická a strukturální barva. - Paper
#ffffff— Povrchy produktových karet, výplňové plochy, vyvýšené panely; nejjasnější úroveň povrchu v zásobníku. - Fog
#f7f7f7— Plátno stránky, pozadí sekcí, přechody mezi obrázky na stránce; základní plocha, na které se nachází celá webová stránka. - Blush
#faf2f4— Pozadí zápatí, jemné teplé oddělovače sekcí; jemný růžovo-bílý odstín dodává teplo spodní části stránek. - Mist
#f0f0f0— Lehký podpůrný povrch pro vytvoření nenápadného pozadí a oddělení sekcí. Neměl by být použit jako primární barva pro výzvu k akci. - Ash
#e8e8e8— Okraje vstupních polí, pozadí ikon, tenké oddělovací čáry; strukturální barva okrajů pro karty a prvky formulářů.
Typografie
od 12 do 32 pixelů · 5 kroků
- Apercu — nahrazení: Inter · obrysy 400, 500, 700 · Primární písmo se používá v celém uživatelském rozhraní – text textu má 16px/400, navigace a popisky 12–14px/500, podnadpisy 20px/500 a titulky editoriálů 32px/700. Geometrický, humanistický design písma Apercu dodává značce zhuštěný, moderní styl; téměř nulové rozteče písmen (0,002–0,003em) činí písmo kompaktním a časopiseckým, spíše než vzdušným nebo přátelským. Váha 700 je vyhrazena pro zobrazovací prvky v editoriálech, nikoli pro prvky uživatelského rozhraní.
- Apercu Mono — nahrazení: JetBrains Mono or IBM Plex Mono · obrysy 400 · Mikroutilitární typografie pro metadata objednávek, sledovací čísla a popisky vedle kódu; verze s pevnou šířkou vytváří technickou texturu na pozadí proporcionálního typu těla.
- GTStandard-M — nahrazení: Inter · obrysy 400 · GTStandard-M – Nalezeno v extrahovaných datech, ale nepopsáno umělou inteligencí.
Intervaly a forma
| Účel | Význam |
|---|---|
| Hustota | průměrný |
| Základní krok | 8px |
| Poloměr tlačítka | 0px |
| Poloměr karty | 0px |
| Stíny | ne - okraje místo stínů |
| Mezi sekcemi | 64px |
| Šířka stránky | 1440px |
Umělá inteligence vám vytvoří web ve stylu Glossier a naplní ho
- Doplňujte produkty a příspěvky přes odkaz - Instagram, TikTok, Facebook.
- Přeneste obsah ze starého webu – stačí zadat adresu.
- Moderní design na nejlepším enginu: React ( Next.js) s renderováním na serveru a SEO optimalizací ihned po vybalení.
- Plně automatizovaná SEO optimalizace pro výsledky vyhledávání a doporučení neuronových sítí.
Podobné styly
- Lightship — Filmové dioráma otevřené silnice. Teplé krémové stěny galerie zdobené velkými krajinářskými fotografiemi namontovanými v těsných rozestupech, tenké černé písmo sotva viditelné na rámech a jediný jasně oranžový akcent prolamující monochromatičnost jako oheň na louce.
- Faire ES — velkoobchodní katalog teplých krémů
- Adanola — Editoriální lookbook na bílém papíře. Módní focení, kde typografie a fotografie dýchají na čistě bílých plochách, s černým inkoustem jako typografickým písmem a decentním charakteristickým bezpatkovým fontem (Favorit), který odráží celkový styl značky.
- Oura Ring — Útulná dílna na výrobu ovesné kaše, zalitá měkkým denním světlem
- Stykka — Skandinávská dílna v bílém světle – tichý showroom ručně vyrobených výrobků, kde jediným hlasem je fotografie
- DJI — letecké černé plátno s jedním elektricky modrým akcentem
- Altitude Beverages — Monochromatická dvojstrana časopisu. Představte si dvojstranu módního časopisu zbavenou všech barev kromě statických fotografií – text a bílý prostor vyprávějí celý příběh.
- AATHER — Otevřená dlaň, jediný plamen - tichý luxus obsažený v tichu
- Cowboy — Belgická galerie jízdních kol v sněhobílém porcelánovém prostředí. Showroom, kde matné povrchy, velká písma použitá v redakčních materiálech a prakticky žádná dekorace přitahují pozornost k jízdnímu kolu a jeho obsahu.
- Refero — Redakční layout na bílém mramoru - produktová stránka vytvořená typografem, kde patkový titulek je vizitkou značky a vše ostatní je nenápadné
- Face Formula — Skandinávský redakční portrét. Klidná dvojstrana ve stylu časopisu, kde pohled modelky a titulek psaný zhuštěným patkovým písmem mluví samy za sebe na chladném, mlhavém pozadí.
- Shupatto — Muzejní vitrína na bílém mramoru