Glossier
Slnečné fotenie - biely papier, čierny atrament, jeden jasne žltý akcent
Glossier funguje ako digitálny časopis o kráse: takmer monochromatické plátno bielej a čiernej farby, prerušované jediným, žiarivým žltým akcentom, ktorý slúži aj ako logo značky a jediná výzva na akciu. Systém je redakčne zdržanlivý – nadrozmerné titulky Apercu, dostatok textového priestoru, celostránkové lifestylové fotografie, ktoré nesú väčšinu emocionálnej váhy – a utilitárny v prevedení: ploché karty produktov, tenké okraje a úplný nedostatok ozdôb. Žltá nie je sekundárnou farbou značky; JE to značka, používaná striedmo, takže každý vzhľad pôsobí ako blesk fotoaparátu. Všetko ostatné má ustúpiť do pozadia: neutrálne farby sú teplé sivé s jemným červenkastým podtónom, okraje sú nenápadné a písmo je husté a zhustené. Výsledkom je výklad, ktorý pôsobí sebavedomo, decentne a nekompromisne moderne.
Stránka obsahuje vertikálne usporiadanú sériu sekcií na celú obrazovku, pričom každá je navrhnutá ako samostatná redakčná rozložená časť. Hlavná sekcia je fotografia na celú šírku s plávajúcim bielym prekrytím (vľavo hore) a masívnym žltým logom, ktoré zaberá celú spodnú časť stránky. Pod hlavnou sekciou sa sekcie striedajú medzi obrázkami na celú obrazovku a mriežkami jednotlivých kariet. Rozdelenie kategórií (starostlivosť o pleť/líčenie) do dvoch stĺpcov s rovnakým pomerom obrázkov (50/50) prebieha bez viditeľného okraja – obrázky ich oddeľuje iba čiara spájajúca ich. Katalóg produktov používa štvorstĺpcovú mriežku štvorcových kariet na plátne #f7f7f7. Navigácia je minimalistický horný panel so sekundárnym reklamným pásom nad ním. Medzery medzi sekciami sú pomerne veľké (64px), ale prechody medzi sekciami sú plynulé – bez oddeľovačov alebo striedajúcich sa farieb pozadia, s výnimkou teplej päty. Celkový rytmus je: fotografia, text, fotografia, mriežka, fotografia – ako listovanie v módnom časopise.
Fotografia je dominantným vizuálnym jazykom. Celá zobrazovacia plocha je vyplnená obrázkami životného štýlu a portrétmi – teplé osvetlenie zlatej hodiny, jemné detaily pokožky, ruky držiace fľaše s produktmi na pozadí slnečného žiarenia. Farebná paleta na fotografiách je teplá a nesaturovaná: broskyňová obloha, terakotové odtiene pleti, hlboká oceánska modrá. Obrázky vždy zaberajú celú plochu stránky, bez zaoblených rohov, rámov alebo prekrytí, s výnimkou bielych textových kariet alebo žltého loga. Fotografie produktov na katalógových kartách sú nasnímané na čisto bielom bezšvíkovom pozadí s plochým, rovnomerným osvetlením. Pomer obrázka k textu je približne 70/30 – obrázky vyjadrujú emócie, text, funkciu. Žiadne ilustrácie, žiadna abstraktná grafika, žiadne 3D vizualizácie.
Paleta
Značka
- Glossier Yellow
#fff116— Žltá sa používa ako sekundárny akcent pre dekoratívne detaily a na zvýraznenie menej často používaných vyhľadávacích dopytov. Nemala by sa používať ako primárna farba pre výzvu na akciu.
Neutrálny
- Ink
#000000— Hlavný text, navigačné odkazy, primárny text, text päty, obrysy ikon, tenké orámovanie; dominantná typografická a štrukturálna farba. - Paper
#ffffff— Povrchy produktových kariet, výplňové oblasti, vyvýšené panely; najjasnejšia úroveň povrchu v zásobníku. - Fog
#f7f7f7— Plátno stránky, pozadia sekcií, prechody medzi obrázkami na stránke; základný povrch, na ktorom sa nachádza celá webová stránka. - Blush
#faf2f4— Pozadie päty, jemné teplé oddeľovače sekcií; jemný ružovo-biely odtieň dodáva teplo spodnej časti stránok. - Mist
#f0f0f0— Svetlý nosný povrch na vytvorenie nenápadného pozadia a oddelenie sekcií. Nemal by sa používať ako primárna farba pre výzvu na akciu. - Ash
#e8e8e8— Okraje vstupných polí, pozadia ikon, tenké oddeľovacie čiary; štrukturálna farba okrajov pre karty a prvky formulárov.
Typografia
od 12 do 32px · 5 krokov
- Apercu — náhrada: Inter · obrysy 400, 500, 700 · Primárne písmo sa používa v celom používateľskom rozhraní – text s veľkosťou 16px/400, navigácia a popisky s veľkosťou 12–14px/500, podnadpisy s veľkosťou 20px/500 a titulky editoriálov s veľkosťou 32px/700. Geometrický, humanistický dizajn Apercu dodáva značke zhustený, moderný štýl; takmer nulové rozstupy písmen (0,002–0,003em) robia písmo kompaktným a pripomínajúcim časopis, a nie vzdušným alebo priateľským. Váha 700 je vyhradená pre zobrazovacie prvky v editoriáloch, nie pre prvky používateľského rozhrania.
- Apercu Mono — náhrada: JetBrains Mono or IBM Plex Mono · obrysy 400 · Mikro-utilitárna typografia pre metadáta objednávky, sledovacie čísla a štítky vedľa kódu; verzia s jednotným rozmiestnením vytvára technickú textúru na pozadí proporcionálneho typu tela.
- GTStandard-M — náhrada: Inter · obrysy 400 · GTStandard-M – Nachádza sa v extrahovaných údajoch, ale umelá inteligencia ho nepopisuje.
Intervaly a forma
| Účel | Význam |
|---|---|
| Hustota | priemerný |
| Základný krok | 8px |
| Polomer tlačidla | 0px |
| Polomer karty | 0px |
| Tiene | nie - okraje namiesto tieňov |
| Medzi sekciami | 64px |
| Šírka stránky | 1440px |
Umelá inteligencia vytvorí vašu webovú stránku v štýle Glossier a naplní ju
- Doplňte produktmi a príspevkami cez odkaz - Instagram, TikTok, Facebook.
- Preneste obsah zo svojej starej stránky – stačí zadať adresu.
- Moderný dizajn na najlepšom engine: React ( Next.js) s vykresľovaním servera a SEO optimalizáciou hneď po vybalení.
- Plne automatizovaná SEO optimalizácia pre výsledky vyhľadávania a odporúčania neurónových sietí.
Podobné štýly
- Lightship — Filmová dioráma otvorenej cesty. Teplé krémové steny galérie ozdobené veľkými krajinárskymi fotografiami umiestnenými v tesných rozostupoch, tenké čierne písmo sotva viditeľné na rámoch a jediný jasne oranžový akcent prerušujúci monochromatickosť ako vatra na lúke.
- Faire ES — veľkoobchodný katalóg teplých krémov
- Adanola — Editoriálny lookbook na bielom papieri. Módne fotenie, kde typografia a fotografia dýchajú na čistých bielych povrchoch, s čiernym atramentom ako typografickým písmom a decentným charakteristickým bezpätkovým písmom (Favorit), ktoré odráža celkový štýl značky.
- Oura Ring — Útulná dielňa na výrobu ovsených vločiek, zaliata jemným denným svetlom
- Stykka — Škandinávska dielňa v bielom svetle – tichý showroom ručne vyrobených výrobkov, kde jediným hlasom je fotografia
- DJI — letecké čierne plátno s jedným elektricky modrým zvýraznením
- Altitude Beverages — Monochromatická dvojstrana časopisu. Predstavte si dvojstranu módneho časopisu zbavenú všetkých farieb okrem statických fotografií – text a biely priestor rozprávajú celý príbeh.
- AATHER — Otvorená dlaň, jediný plameň - tichý luxus obsiahnutý v tichu
- Cowboy — Belgická galéria bicyklov v snehobielom porcelánovom prostredí. Výstavná sieň, kde matné povrchy, veľké písma použité v redakčných materiáloch a prakticky žiadna dekorácia pútajú pozornosť k bicyklu a jeho obsahu.
- Refero — Redakčné rozloženie na bielom mramore - stránka produktu vytvorená typografom, kde je pätkový nadpis vizitkou značky a všetko ostatné je nenápadné
- Face Formula — Škandinávsky editoriálny portrét. Pokojná dvojstrana v štýle časopisu, kde pohľad modelky a titulok, napísaný zhusteným pätkovým písmom, hovoria samy za seba na chladnom, hmlistom pozadí.
- Shupatto — Múzejná vitrína na bielom mramore