Glossier
Fotografiranje na soncu - bel papir, črno črnilo, en živo rumen poudarek
Glossier deluje kot digitalna revija o lepoti: skoraj enobarvno platno bele in črne barve, ki ga poudarja en sam živahen rumen poudarek, ki služi tudi kot logotip blagovne znamke in edini poziv k dejanju. Sistem je uredniško zadržan – preveliki naslovi Apercu, veliko prostora za besedilo, celostranska fotografija življenjskega sloga, ki nosi večino čustvene teže – in utilitarističen v izvedbi: ploske kartice izdelkov, tanki robovi in popolno pomanjkanje okraskov. Rumena ni sekundarna barva blagovne znamke; JE blagovna znamka, uporabljena zmerno, tako da se vsak videz zdi kot bliskavica fotoaparata. Vse ostalo naj bi zbledelo v ozadju: nevtralni odtenki so topli sivi z nežnim podtonom rdečice, robovi so nežni, tipografija pa gosta in zgoščena. Rezultat je izložba, ki deluje samozavestno, zadržano in brezkompromisno moderno.
Stran ima navpično razporejeno vrsto celozaslonskih razdelkov, od katerih je vsak zasnovan kot samostojen uredniški razdelek. Glavni razdelek je fotografija v polni širini s plavajočim belim prekrivnim slojem (zgoraj levo) in ogromnim rumenim logotipom, ki zaseda celotno spodnjo stran strani. Pod glavnim razdelkom se razdelki izmenjujejo med celozaslonskimi slikami in mrežami posameznih kartic. Razdelitev kategorij (nega kože/ličila) v dva stolpca z enakim razmerjem slik (50/50) se izvede brez vidne obrobe – slike ločuje le črta, ki povezuje slike. Katalog izdelkov uporablja štiristolpčno mrežo kvadratnih kartic na platnu #f7f7f7. Navigacija je minimalistična zgornja vrstica s sekundarnim oglasnim trakom nad njo. Vrzeli med razdelki so precej velike (64 slikovnih pik), vendar so prehodi med razdelki gladki – brez razdelkov ali izmenjujočih se barv ozadja, razen tople noge. Splošni ritem je: fotografija, besedilo, fotografija, mreža, fotografija – kot listanje modne revije.
Fotografija je prevladujoči vizualni jezik. Celotno območje gledanja je polno podob življenjskega sloga in portretov – topla zlata ura, mehki bližnji posnetki kože, roke, ki držijo steklenice izdelkov na ozadju sončnega bleščanja. Barvna paleta na fotografijah je topla in nenasičena: breskovo nebo, terakotni toni kože, globoki oceanski modri odtisi. Slike vedno zasedajo celotno površino strani, brez zaobljenih vogalov, okvirjev ali prekrivanja, z izjemo belih besedilnih kartic ali rumenega logotipa. Fotografije izdelkov na kataloških karticah so posnete na čisto belem brezšivnem ozadju z ravno, enakomerno osvetlitvijo. Razmerje med sliko in besedilom je približno 70/30 – slike izražajo čustva, besedilo, funkcijo. Brez ilustracij, brez abstraktne grafike, brez 3D-upodobitev.
Paleta
Blagovna znamka
- Glossier Yellow
#fff116— Rumena se uporablja kot sekundarni poudarek za dekorativne detajle in za poudarjanje manj pogosto uporabljenih iskalnih poizvedb. Ne sme se uporabljati kot primarna barva za poziv k dejanju.
Nevtralno
- Ink
#000000— Telo besedila, navigacijske povezave, primarno besedilo, besedilo noge, obrisi ikon, tanke obrobe; prevladujoča tipografska in strukturna barva. - Paper
#ffffff— Površine kartic izdelkov, območja za zapolnitev, dvignjene plošče; najsvetlejša raven površine v skladu. - Fog
#f7f7f7— Platno strani, ozadja odsekov, prehodi med slikami na strani; osnovna površina, na kateri se nahaja celotno spletno mesto. - Blush
#faf2f4— Ozadje noge, mehki topli razdelki med razdelki; nežen rožnato-bel odtenek doda toplino spodnjemu delu strani. - Mist
#f0f0f0— Svetla nosilna površina za ustvarjanje nevsiljivega ozadja in ločevanje delov. Ne sme se uporabljati kot primarna barva za poziv k dejanju. - Ash
#e8e8e8— Obrobe vnosnih polj, ozadja ikon, tanke ločilne črte; strukturna barva obrobe za kartice in elemente obrazcev.
Tipografija
od 12 do 32 slikovnih pik · 5 korakov
- Apercu — zamenjava: Inter · obrisi 400, 500, 700 · Primarna pisava se uporablja v celotnem uporabniškem vmesniku – besedilo besedila z velikostjo 16px/400, navigacija in napisi z velikostjo 12–14px/500, podnaslovi z velikostjo 20px/500 in naslovi uredniških člankov z velikostjo 32px/700. Apercujeva geometrijska, humanistična zasnova daje blagovni znamki zgoščen, sodoben slog; skoraj ničelni razmik med črkami (0,002–0,003em) naredi pisavo kompaktno in podobno reviji, ne pa zračno ali prijazno. Teža 700 je rezervirana za prikazne elemente v uvodnikih, ne za elemente uporabniškega vmesnika.
- Apercu Mono — zamenjava: JetBrains Mono or IBM Plex Mono · obrisi 400 · Mikro-utilitarna tipografija za metapodatke naročila, sledilne številke in oznake poleg kode; različica z enojnim razmikom ustvarja tehnično teksturo ob proporcionalnem tipu telesa.
- GTStandard-M — zamenjava: Inter · obrisi 400 · GTStandard-M – Najdeno v izvlečenih podatkih, vendar umetna inteligenca ni opisala.
Intervali in oblika
| Namen | Pomen |
|---|---|
| Gostota | povprečje |
| Osnovni korak | 8px |
| Polmer gumba | 0px |
| Polmer kartice | 0px |
| Sence | ne - obrobe namesto senc |
| Med odseki | 64px |
| Širina strani | 1440px |
Umetna inteligenca bo zgradila vašo spletno stran v slogu Glossier in jo napolnila
- Polnite z izdelki in objavami prek povezave - Instagram, TikTok, Facebook.
- Prenesite vsebino s starega spletnega mesta – samo navedite naslov.
- Sodoben dizajn na najboljšem iskalniku: React ( Next.js) z vnaprej pripravljenim upodabljanjem na strežniku in optimizacijo za SEO.
- Popolnoma avtomatizirana SEO optimizacija za rezultate iskanja in priporočila nevronskih mrež.
Podobni slogi
- Lightship — Kinematografska diorama odprte ceste. Tople kremne galerijske stene, okrašene z velikimi pokrajinskimi fotografijami, nameščenimi v tesnih presledkih, tanke črne črke, komaj vidne na okvirjih, in en sam živo oranžen poudarek, ki prekinja enobarvnost kot kres na travniku.
- Faire ES — veleprodajni katalog toplih krem
- Adanola — Uredniški lookbook na belem papirju. Modno fotografiranje, kjer tipografija in fotografija dihata na čistih belih površinah, s črnim črnilom za pisavo in subtilno značilno pisavo sans-serif (Favorit), ki odraža celoten slog blagovne znamke.
- Oura Ring — Prijetna delavnica izdelave ovsenih kosmičev, obdana z nežno dnevno svetlobo
- Stykka — Skandinavska delavnica v beli svetlobi – tih, ročno izdelan razstavni salon, kjer je edini glas fotografija
- DJI — vesoljsko črno platno z enim električno modrim poudarkom
- Altitude Beverages — Enobarvna razpornica revije. Predstavljajte si razpornico modne revije, ki je oropana vseh barv, razen fotografij – besedilo in beli prostor povesta celotno zgodbo.
- AATHER — Odprta dlan, en sam plamen - tiho razkošje, skrito v tišini
- Cowboy — Belgijska galerija koles v snežno belem porcelanastem okolju. Razstavni salon, kjer mat površine, velike pisave, uporabljene v uredniških gradivih, in praktično odsotnost dekoracije pritegnejo pogled na kolo in njegovo vsebino.
- Refero — Uredniška postavitev na belem marmorju - stran izdelka, ki jo je ustvaril tipograf, kjer je serifni naslov vizitka blagovne znamke, vse ostalo pa je nevsiljivo
- Face Formula — Skandinavski uredniški portret. Umirjena razporeditev v slogu revije, kjer pogled modela in naslov, napisan v zgoščeni serifni pisavi, govorita sama zase na hladnem, meglenem ozadju.
- Shupatto — Muzejska vitrina na belem marmorju