Glossier
Fotografisanje na suncu - bijeli papir, crna tinta, jedan jarko žuti akcenat
Glossier funkcionira poput digitalnog časopisa o ljepoti: gotovo monokromatsko platno bijele i crne boje, naglašeno jednim, živahnim žutim akcentom koji služi i kao logo brenda i jedini poziv na akciju. Sistem je urednički suzdržan - predimenzionirani Apercu naslovi, obilje prostora za tekst, lifestyle fotografija preko cijele stranice koja nosi najveći dio emocionalne težine - i utilitaristički u izvedbi: ravne kartice proizvoda, tanki okviri i potpuni nedostatak ukrasa. Žuta nije sekundarna boja brenda; ona JESTE brend, korištena štedljivo, tako da svaki izgled djeluje kao bljesak fotoaparata. Sve ostalo treba da izblijedi u pozadini: neutralne boje su tople sive sa suptilnim podtonom rumenila, okviri 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 ekrana, od kojih je 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 ekrana i mreža pojedinačnih kartica. Podjela kategorija (njega kože/šminka) u dva stupca s jednakim omjerom slika (50/50) odvija se bez vidljive granice - 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 naizmjenič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 za gledanje ispunjeno je slikama životnog stila i portretima - toplo osvjetljenje zlatnog sata, meki krupni planovi kože, ruke koje drže boce proizvoda na pozadini sunčevog odsjaja. Paleta boja na fotografijama je topla i nezasićena: breskvasto nebo, terakota tonovi kože, duboka okeanska plava. Slike uvijek zauzimaju cijelu površinu stranice, bez zaobljenih uglova, 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. Odnos slike i teksta je približno 70/30 - slike prenose emocije, tekst, funkciju. Nema ilustracija, nema apstraktne grafike, nema 3D prikaza.
Paleta
Brend
- Glossier Yellow
#fff116— Žuta se koristi kao sekundarni akcenat 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 veze, glavni tekst, tekst podnožja, obrisi ikona, tanke ivice; dominantna tipografska i strukturna boja. - Paper
#ffffff— Površine kartica proizvoda, područja za popunjavanje, podignuti paneli; najsvjetliji nivo površine u stogu. - Fog
#f7f7f7— Platno stranice, pozadine sekcija, prelazi između slika na stranici; osnovna površina na kojoj se nalazi cijela web stranica. - Blush
#faf2f4— Pozadina podnožja, mekani topli razdjelnici sekcija; 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 se koristi u cijelom korisničkom interfejsu - tekst teksta veličine 16px/400, navigacija i natpisi veličine 12–14px/500, podnaslovi veličine 20px/500 i naslovi uredničkih članaka veličine 32px/700. Apercuov geometrijski, humanistički dizajn daje brendu sažet, moderan stil; razmak između slova gotovo nula (0,002–0,003em) čini font kompaktnim i nalik časopisu, a ne prozračnim ili prijateljskim. Težina 700 je rezervisana za elemente prikaza u uredničkim člancima, a ne za elemente korisničkog interfejsa.
- 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 vještačka inteligencija ne opisuje.
Intervali i forma
| Svrha | Značenje |
|---|---|
| Gustoća | prosjek |
| Osnovni korak | 8px |
| Radijus dugmeta | 0px |
| Radijus kartice | 0px |
| Sjene | ne - okviri umjesto sjena |
| Između sekcija | 64px |
| Širina stranice | 1440px |
Vještačka inteligencija će izgraditi vašu web stranicu u Glossier stilu i popuniti je
- Popunite proizvodima i objavama putem linka - Instagram, TikTok, Facebook.
- Prenesite sadržaj sa vaše stare stranice - samo navedite adresu.
- Moderan dizajn na najboljem engine-u: React ( Next.js) sa serverskim renderovanjem i SEO optimizacijom odmah po instalaciji.
- Potpuno automatizirana SEO optimizacija za rezultate pretrage i preporuke neuronskih mreža.
Slični stilovi
- Lightship — Kinematografska diorama otvorenog puta. 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 akcenat koji prekida monohromat 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 pravljenja zobene kaše, okupana mekim dnevnim svjetlom
- Stykka — Skandinavska radionica u bijelom svjetlu – tihi, ručno izrađeni izložbeni prostor gdje je jedini glas fotografija
- DJI — crno platno u vazduhoplovnoj boji s jednim električno plavim detaljem
- Altitude Beverages — Monohromatska duplerica časopisa. Zamislite duplericu 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 gdje mat površine, veliki fontovi korišteni u uredničkim materijalima i gotovo nikakva dekoracija 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 posjetna karta 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