Glossier
Fotografiranje na suncu - bijeli papir, crna tinta, jedan jarko žuti naglasak
Glossier funkcionira poput digitalnog časopisa o ljepoti: gotovo monokromatsko platno bijele i crne boje, naglašeno jednim, živahnim žutim naglaskom koji služi i kao logotip brenda i jedini poziv na akciju. Sustav je urednički suzdržan - preveliki Apercu naslovi, obilje prostora za tekst, lifestyle fotografija preko cijele stranice koja nosi glavninu emocionalne težine - i utilitaristički u izvedbi: ravne kartice proizvoda, tanki rubovi i potpuni nedostatak ukrasa. Žuta nije sekundarna boja brenda; ona JE brend, korištena štedljivo, tako da se svaki izgled osjeća kao bljesak fotoaparata. Sve ostalo treba nestati u pozadini: neutralne boje su tople sive sa suptilnim podtonom rumenila, rubovi su suptilni, a tekst je gust i sažet. Rezultat je izlog koji djeluje samouvjereno, decentno i beskompromisno moderno.
Stranica sadrži vertikalno raspoređen niz odjeljaka preko cijelog zaslona, svaki dizajniran kao samostalni urednički prikaz. Glavni odjeljak je fotografija pune širine s plutajućim bijelim slojem (gore lijevo) i masivnim žutim logotipom koji zauzima cijeli donji dio stranice. Ispod glavnog odjeljka, odjeljci se izmjenjuju između slika preko cijelog zaslona i mreža pojedinačnih kartica. Podjela kategorija (njega kože/šminka) u dva stupca s jednakim omjerom slika (50/50) događa se bez vidljivog obruba - samo linija koja spaja slike ih razdvaja. Katalog proizvoda koristi mrežu kvadratnih kartica s četiri stupca na platnu #f7f7f7. Navigacija je minimalistička gornja traka sa sekundarnom reklamnom trakom iznad nje. Razmaci između odjeljaka su prilično veliki (64px), ali prijelazi između odjeljaka su glatki - bez razdjelnika ili izmjeničnih boja pozadine, osim toplog podnožja. Opći ritam je: fotografija, tekst, fotografija, mreža, fotografija - kao listanje modnog časopisa.
Fotografija je dominantan vizualni jezik. Cijelo područje gledanja ispunjeno je slikama životnog stila i portretima - toplom rasvjetom zlatnog sata, mekim krupnim planovima kože, rukama koje drže boce proizvoda na pozadini sunčevog odsjaja. Paleta boja na fotografijama je topla i nezasićena: breskvasto nebo, terakotni tonovi kože, duboka oceanska plava. Slike uvijek zauzimaju cijelu površinu stranice, bez zaobljenih kutova, okvira ili slojeva, s izuzetkom bijelih tekstualnih kartica ili žutog logotipa. Fotografije proizvoda na kataloškim karticama snimljene su na čisto bijeloj bešavnoj pozadini s ravnim, ravnomjernim osvjetljenjem. Omjer slike i teksta je približno 70/30 - slike prenose emocije, tekst, funkciju. Nema ilustracija, nema apstraktne grafike, nema 3D prikaza.
Paleta
Robna marka
- Glossier Yellow
#fff116— Žuta se koristi kao sekundarni naglasak za dekorativne detalje i za isticanje rjeđe korištenih upita za pretraživanje. Ne bi se trebala koristiti kao primarna boja za poziv na akciju.
Neutralno
- Ink
#000000— Tekst u tijelu stranice, navigacijske poveznice, primarni tekst, tekst podnožja, obrisi ikona, tanki rubovi; dominantna tipografska i strukturna boja. - Paper
#ffffff— Površine kartica proizvoda, područja za ispunjavanje, podignute ploče; najsvjetlija razina površine u stogu. - Fog
#f7f7f7— Platno stranice, pozadine odjeljaka, prijelazi između slika na stranici; osnovna površina na kojoj se nalazi cijela web stranica. - Blush
#faf2f4— Pozadina podnožja, mekani topli razdjelnici odjeljaka; suptilna ružičasto-bijela nijansa dodaje toplinu dnu stranica. - Mist
#f0f0f0— Svijetla potporna površina za stvaranje neupadljive pozadine i odvajanje dijelova. Ne bi se trebala koristiti kao primarna boja za poziv na akciju. - Ash
#e8e8e8— Okviri polja za unos, pozadine ikona, tanke linije razdvajanja; strukturna boja okvira za kartice i elemente obrasca.
Tipografija
od 12 do 32px · 5 koraka
- Apercu — zamjena: Inter · obrisi 400, 500, 700 · Primarni font koristi se u cijelom korisničkom sučelju - glavni tekst na 16px/400, navigacija i opisi na 12–14px/500, podnaslovi na 20px/500 i naslovi uredničkih članaka na 32px/700. Apercuov geometrijski, humanistički dizajn daje brendu sažet, moderan stil; gotovo nulti razmak između slova (0,002–0,003em) čini font kompaktnim i nalik časopisu, a ne prozračnim ili prijateljskim. Težina 700 rezervirana je za elemente prikaza u uvodnicima, a ne za elemente korisničkog sučelja.
- Apercu Mono — zamjena: JetBrains Mono or IBM Plex Mono · obrisi 400 · Mikro-utilitarna tipografija za metapodatke narudžbe, brojeve za praćenje i oznake pored koda; verzija s jednostrukim razmakom stvara tehničku teksturu naspram proporcionalnog tipa tijela.
- GTStandard-M — zamjena: Inter · obrisi 400 · GTStandard-M - Pronađen u izdvojenim podacima, ali ga umjetna inteligencija ne opisuje.
Intervali i forma
| Svrha | Značenje |
|---|---|
| Gustoća | prosjek |
| Osnovni korak | 8px |
| Radijus gumba | 0px |
| Radijus kartice | 0px |
| Sjene | ne - obrubi umjesto sjena |
| Između odjeljaka | 64px |
| Širina stranice | 1440px |
Umjetna inteligencija će izraditi vašu web stranicu u Glossier stilu i ispuniti je
- Popunite proizvodima i objavama putem poveznice - Instagram, TikTok, Facebook.
- Prenesite sadržaj sa svoje stare web-lokacije - samo navedite adresu.
- Moderan dizajn na najboljem engineu: React ( Next.js) s renderiranjem na serveru i SEO optimizacijom odmah po instalaciji.
- Potpuno automatizirana SEO optimizacija za rezultate pretraživanja i preporuke neuronskih mreža.
Slični stilovi
- Lightship — Kinematografska diorama otvorene ceste. Topli krem zidovi galerije ukrašeni velikim fotografijama pejzaža postavljenim u malim razmacima, tanki crni font jedva vidljiv na okvirima i jedan jarko narančasti naglasak koji prekida monokromatski prikaz poput lomače na livadi.
- Faire ES — veleprodajni katalog toplih krema
- Adanola — Urednički lookbook na bijelom papiru. Modno snimanje gdje tipografija i fotografija dišu na čistim bijelim površinama, s crnom tintom kao fontom i suptilnim prepoznatljivim sans-serif fontom (Favorit), koji odražava cjelokupni stil brenda.
- Oura Ring — Ugodna radionica izrade zobenih pahuljica, okupana mekim dnevnim svjetlom
- Stykka — Skandinavska radionica u bijelom svjetlu – tihi, ručno izrađeni izložbeni prostor gdje je jedini glas fotografija
- DJI — zrakoplovno crno platno s jednim električno plavim naglaskom
- Altitude Beverages — Monokromatski prikaz časopisa. Zamislite prikaz modnog časopisa bez ikakvih boja osim fotografija - tekst i bijeli prostor pričaju cijelu priču.
- AATHER — Otvoreni dlan, jedan plamen - tihi luksuz sadržan u tišini
- Cowboy — Belgijska galerija bicikala u snježnobijelom porculanskom okruženju. Izložbeni salon u kojem mat površine, veliki fontovi korišteni u uredničkim materijalima i praktički potpuna odsutnost ukrasa privlače pogled na bicikl i njegov sadržaj.
- Refero — Urednički izgled na bijelom mramoru - stranica proizvoda koju je kreirao tipograf, gdje je serifni naslov posjetnica brenda, a sve ostalo je neupadljivo
- Face Formula — Skandinavski urednički portret. Smirena slika u stilu časopisa, gdje pogled modela i naslov, napisani sažetim serifnim fontom, govore sami za sebe na hladnoj, maglovitoj pozadini.
- Shupatto — Muzejska vitrina na bijelom mramoru