Glossier
Eguzki-argiaren argazki saioa - paper zuria, tinta beltza, azentu hori distiratsu bat
Glossier edertasun aldizkari digital baten antzera funtzionatzen du: ia monokromoa den zuri eta beltzez osatutako mihise bat, markaren logotipo eta ekintzarako dei bakarra den azentu hori bizi bakar batez azentuatua. Sistema editorialki neurritsua da —Apercu izenburu handiak, testu espazio zabala, pisu emozional gehiena daraman orrialde osoko bizimodu argazkilaritza— eta exekuzioan utilitarioa: produktu txartel lauak, ertz meheak eta apaingarririk eza. Horia ez da bigarren mailako marka kolorea; marka bera da, neurriz erabilia, itxura bakoitza kamera flash baten modukoa izan dadin. Beste guztia atzeko planoan desagertzeko pentsatuta dago: neutroak gris epelak dira azpiko tonu gorrixka sotil batekin, ertzak sotilak dira eta letra trinkoa eta trinkotua da. Emaitza konfiantzazkoa, sotila eta konpromisorik gabe modernoa den denda-erakusleiho bat da.
Orrialdeak pantaila osoko atal bertikalki antolatuak ditu, bakoitza editorial-zabalera independente gisa diseinatua. Atal nagusia zabalera osoko argazki bat da, gainjarritako zuri flotatzaile batekin (goian ezkerrean) eta logotipo hori erraldoi batekin orriaren behealde osoa hartzen duena. Atal nagusiaren azpian, atalak pantaila osoko irudien eta txartel indibidualen sareta artean txandakatzen dira. Kategoriak (azalaren zaintza/makillajea) bi zutabetan banatzen dira, irudi-proportzio berdinarekin (50/50), eta ertz ikusgarririk gabe egiten da; irudiak lotzen dituen lerro batek bakarrik bereizten ditu. Produktuen katalogoak txartel karratuen lau zutabeko sareta bat erabiltzen du #f7f7f7 mihise batean. Nabigazioa goiko barra minimalista bat da, gainean bigarren mailako iragarki-zerrenda batekin. Atalen arteko hutsuneak nahiko handiak dira (64px), baina atalen arteko trantsizioak leunak dira, zatitzailerik edo atzeko plano-kolore txandakaturik gabe, oin-ohar epela izan ezik. Erritmo orokorra hau da: argazkia, testua, argazkia, sareta, argazkia, moda-aldizkari bat arakatzea bezala.
Argazkilaritza da hizkuntza bisual nagusia. Ikuspegi osoa bizimoduaren irudi eta erretratuez beteta dago: urrezko orduko argiztapen epela, azalaren plano hurbil leunak, produktuen botilak eusten dituzten eskuak eguzki-distiraren atzealdean. Argazkietako kolore paleta epela eta desaturatua da: mertxika koloreko zerua, terrakota azal tonuak, ozeanoaren urdin sakonak. Irudiek beti hartzen dute orrialdearen gainazal osoa, izkin biribildurik, markorik edo gainjarririk gabe, testu-txartel zuriak edo logotipo horia izan ezik. Katalogo-txarteletako produktuen argazkiak atzealde zuri puru eta jarrai baten gainean aterata daude, argiztapen lau eta uniformearekin. Irudiaren eta testuaren arteko erlazioa 70/30 ingurukoa da: irudiek emozioa transmititzen dute, testuak, funtzioa. Ez ilustraziorik, ez grafiko abstrakturik, ez 3D errendatzerik.
Paleta
Marka
- Glossier Yellow
#fff116— Horia bigarren mailako azentu gisa erabiltzen da xehetasun apaingarrietarako eta gutxiago erabiltzen diren bilaketa-kontsultak nabarmentzeko. Ez da erabili behar ekintzarako dei baten kolore nagusi gisa.
Neutroa
- Ink
#000000— Gorputz-testua, nabigazio-estekak, testu nagusia, orri-oinaren testua, ikonoen eskemak, ertz meheak; kolore tipografiko eta estruktural nagusia. - Paper
#ffffff— Produktu-txartelen gainazalak, betegarri-eremuak, altxatutako panelak; pilaren gainazal-maila distiratsuena. - Fog
#f7f7f7— Orrialdearen mihisea, atalen atzeko planoak, orrialdeko irudien arteko trantsizioak; webgune osoa dagoen oinarrizko gainazala. - Blush
#faf2f4— Orri-oinaren atzeko planoa, atalen banatzaile leun eta epelak; tonu zuri-arrosa sotilak berotasuna ematen dio orrialdeen behealdeari. - Mist
#f0f0f0— Atzeko plano diskretu bat sortzeko eta atalak bereizteko gainazal arin bat. Ez da erabili behar ekintzarako deiaren kolore nagusi gisa. - Ash
#e8e8e8— Sarrera-eremuen ertzak, ikonoen atzeko planoak, bereizketa-lerro meheak; txartelen eta formulario-elementuen egitura-ertzen kolorea.
Tipografia
12tik 32px-ra · 5 urrats
- Apercu — ordezkapena: Inter · eskemak 400, 500, 700 · Erabiltzaile-interfaze osoan erabiltzen da letra-tipo nagusia: gorputzeko testua 16px/400ean, nabigazioa eta azpitituluak 12–14px/500ean, azpitituluak 20px/500ean eta editorialeko izenburuak 32px/700ean. Apercuren diseinu geometriko eta humanistak estilo trinkotu eta modernoa ematen dio markari; ia zero den letren arteko tarteak (0.002–0.003em) letra-tipoa trinkoa eta aldizkari baten antzekoa bihurtzen du, arina edo atsegina izan beharrean. 700eko pisua editorialetako bistaratze-elementuetarako gordeta dago, ez UI elementuetarako.
- Apercu Mono — ordezkapena: JetBrains Mono or IBM Plex Mono · eskemak 400 · Eskaeren metadatuetarako, jarraipen-zenbakietarako eta kodearen ondoko etiketetarako mikro-utilitarismo tipografia; espazio bakarreko bertsioak ehundura teknikoa sortzen du gorputz proportzionala duen mota baten aurrean.
- GTStandard-M — ordezkapena: Inter · eskemak 400 · GTStandard-M - Ateratako datuetan aurkitu da, baina ez du IA-k deskribatu.
Tarteak eta forma
| Helburua | Esanahia |
|---|---|
| Dentsitatea | batez bestekoa |
| Oinarrizko urratsa | 8px |
| Botoiaren erradioa | 0px |
| Txartelaren erradioa | 0px |
| Itzalak | ez - itzalen ordez ertzak |
| Atalen artean | 64px |
| Orriaren zabalera | 1440px |
Adimen artifizialak zure webgunea Glossier estiloan eraikiko du eta beteko du
- Bete produktu eta argitalpenekin estekaren bidez - Instagram, TikTok, Facebook.
- Transferitu edukia zure gune zaharretik: zehaztu helbidea.
- Diseinu modernoa motor onenean: React ( Next.js) zerbitzariaren errendatzearekin eta SEO optimizazioarekin hasieratik.
- Bilaketa-emaitzetarako eta sare neuronalen gomendioetarako SEO optimizazio guztiz automatizatua.
Estilo antzekoak
- Lightship — Errepide irekiaren diorama zinematografikoa. Krema koloreko galeria-horma epelak, tarteka muntatutako paisaia-argazki handiekin apainduta, markoetan ia ikusten ez diren letra beltz meheak, eta laranja biziko azentu bakarrak, monokromoa hausten duena, larre bateko su bat bezala.
- Faire ES — krema epelaren handizkako katalogoa
- Adanola — Paper zurian egindako lookbook editoriala. Moda saio bat, non tipografia eta argazkilaritza gainazal zuri garbietan arnasten diren, tinta beltza letra-tipoarentzat eta sans-serif letra-tipo sotila (Favorit) erabiliz, markaren estilo orokorra islatuz.
- Oura Ring — Olo-irina egiteko tailer erosoa, eguzki-argi leunez blaituta
- Stykka — Eskandinaviako tailer bat argi zurian – argazkilaritza den ahots bakarra den eskuz egindako erakusleiho lasai eta eskuz egina
- DJI — mihise beltz aeroespaziala urdin elektriko bakarrarekin nabarmentzeko
- Altitude Beverages — Aldizkari monokromoaren orrialdea. Imajinatu moda aldizkari baten orrialdea, argazki finkoak izan ezik kolore guztiak kenduta: testuak eta espazio zuriak istorio osoa kontatzen dute.
- AATHER — Esku-ahurrean irekita, sugar bakarra - isiltasunean jasotako luxu lasaia
- Cowboy — Belgikako bizikleta galeria bat portzelana zuri-zuri batean. Erakusleiho bat, non gainazal mateak, material editorialetan erabilitako letra-tipo handiak eta dekoraziorik ia ezak bizikletara eta bere edukira erakartzen duten begirada.
- Refero — Marmol zuriaren gaineko diseinu editoriala - tipografo batek sortutako produktu orri bat, non serif izenburua markaren aurkezpen txartela den, eta gainerako guztia diskretua den.
- Face Formula — Eskandinaviako editorial erretratua. Aldizkari estiloko erretratu lasaia, non modeloaren begiradak eta izenburuak, serif letra-tipo trinkotuan idatzita, berez hitz egiten duten atzealde hotz eta lainotsu baten aurrean.
- Shupatto — Museoaren erakusleihoa marmol zurian