Glossier
Solskinnsfotografering - hvitt papir, svart blekk, en knallgul aksent
Glossier fungerer som et digitalt skjønnhetsmagasin: et nesten monokrom lerret av hvitt og svart, punktert av en enkelt, livlig gul aksent som også fungerer som merkets logo og eneste oppfordring til handling. Systemet er redaksjonelt begrenset – overdimensjonerte Apercu-overskrifter, god tekstplass, helsides livsstilsfotografering som bærer mesteparten av den emosjonelle tyngden – og utilitaristisk i utførelsen: flate produktkort, tynne rammer og en fullstendig mangel på utsmykning. Gult er ikke en sekundær merkefarge; det ER merket, brukt sparsomt, slik at ethvert utseende føles som en kamerablits. Alt annet er ment å falme i bakgrunnen: nøytrale farger er varme gråtoner med en subtil rød undertone, rammene er subtile, og skriften er tett og kondensert. Resultatet er en butikkfasade som føles selvsikker, diskret og kompromissløst moderne.
Siden har en vertikalt arrangert serie med fullskjermsseksjoner, hver utformet som et frittstående redaksjonelt oppslag. Hovedseksjonen er et bilde i full bredde med et flytende hvitt overlegg (øverst til venstre) og en massiv gul logo som dekker hele bunnen av siden. Under hovedseksjonen veksler seksjonene mellom fullskjermsbilder og rutenett med individuelle kort. Inndelingen av kategorier (hudpleie/sminke) i to kolonner med et likt bildeforhold (50/50) skjer uten en synlig kantlinje – bare en linje som forbinder bildene skiller dem. Produktkatalogen bruker et rutenett med fire kolonner med firkantede kort på et #f7f7f7-lerret. Navigasjonen er en minimalistisk topplinje med en sekundær annonsestripe over. Avstandene mellom seksjonene er ganske store (64 piksler), men overgangene mellom seksjonene er jevne – uten skillevegger eller vekslende bakgrunnsfarger, bortsett fra den varme bunnteksten. Den overordnede rytmen er: fotografi, tekst, fotografi, rutenett, fotografi – som å bla gjennom et motemagasin.
Fotografi er det dominerende visuelle språket. Hele visningsområdet er fylt med livsstilsbilder og portretter – varmt lys fra den gylne timen, myke nærbilder av hud, hender som holder produktflasker mot et bakteppe av sollys. Fargepaletten i fotografiene er varm og umettet: ferskenfarget himmel, terrakottahudtoner, dyp havblå farge. Bildene opptar alltid hele sideflaten, uten avrundede hjørner, rammer eller overlegg, med unntak av hvite tekstkort eller den gule logoen. Produktbilder på katalogkort er tatt mot en ren hvit sømløs bakgrunn med flat, jevn belysning. Forholdet mellom bilde og tekst er omtrent 70/30 – bildene formidler følelser, teksten funksjon. Ingen illustrasjoner, ingen abstrakt grafikk, ingen 3D-gjengivelser.
Palett
Merke
- Glossier Yellow
#fff116— Gult brukes som en sekundær aksent for dekorative detaljer og for å fremheve mindre ofte brukte søk. Det bør ikke brukes som primærfarge for en handlingsfremmende oppfordring.
Nøytral
- Ink
#000000— Brødtekst, navigasjonslenker, primærtekst, bunntekst, ikonomriss, tynne rammer; dominerende typografisk og strukturell farge. - Paper
#ffffff— Produktkortflater, fyllingsområder, hevede paneler; det lyseste overflatenivået i stabelen. - Fog
#f7f7f7— Sidelerret, seksjonsbakgrunner, overganger mellom bilder på siden; basisflaten som hele nettstedet ligger på. - Blush
#faf2f4— Bunntekstbakgrunn, myke, varme seksjonsdelere; en subtil rosa-hvit fargetone gir varme til bunnen av sidene. - Mist
#f0f0f0— En lett støtteflate for å lage en diskret bakgrunn og skille seksjoner. Den bør ikke brukes som primærfarge for handlingsfremmende oppfordring. - Ash
#e8e8e8— Kanter for inndatafelt, ikonbakgrunner, tynne skillelinjer; strukturell kantfarge for kort og skjemaelementer.
Typografi
fra 12 til 32 piksler · 5 trinn
- Apercu — erstatning: Inter · omriss 400, 500, 700 · Den primære skrifttypen brukes gjennom hele brukergrensesnittet – brødtekst på 16 piksler/400, navigasjon og bildetekster på 12–14 piksler/500, underoverskrifter på 20 piksler/500 og redaksjonelle overskrifter på 32 piksler/700. Apercus geometriske, humanistiske design gir merkevaren en kondensert, moderne stil; bokstavavstanden på nesten null (0,002–0,003 em) gjør skrifttypen kompakt og magasinlignende, snarere enn luftig eller vennlig. Vekten på 700 er reservert for visningselementer i redaksjonelle artikler, ikke UI-elementer.
- Apercu Mono — erstatning: JetBrains Mono or IBM Plex Mono · omriss 400 · Mikroutilitaristisk typografi for ordremetadata, sporingsnumre og etiketter ved siden av koden; den monospaced-versjonen skaper en teknisk tekstur mot en proporsjonal kroppstype.
- GTStandard-M — erstatning: Inter · omriss 400 · GTStandard-M – Funnet i de utvunnede dataene, men ikke beskrevet av AI-en.
Intervaller og form
| Hensikt | Betydning |
|---|---|
| Tetthet | gjennomsnittlig |
| Grunnleggende trinn | 8px |
| Knapperadius | 0px |
| Kortradius | 0px |
| Skygger | ingen grenser i stedet for skygger |
| Mellom seksjoner | 64px |
| Sidebredde | 1440px |
AI vil bygge nettstedet ditt i Glossier -stil og fylle det
- Fyll på med produkter og innlegg via lenken - Instagram, TikTok, Facebook.
- Overfør innhold fra det gamle nettstedet ditt – bare oppgi adressen.
- Moderne design på den beste søkemotoren: React ( Next.js) med serverrendering og SEO-optimalisering rett ut av boksen.
- Helautomatisk SEO-optimalisering for søkeresultater og anbefalinger fra nevrale nettverk.
Lignende stiler
- Lightship — Et filmatisk diorama av åpen vei. Varme kremfargede gallerivegger utsmykket med store landskapsfotografier montert med tett mellomrom, tynn svart skrift knapt synlig på rammene, og en enkelt knalloransje aksent som bryter monokromen som et bål på en eng.
- Faire ES — engroskatalog med varm krem
- Adanola — En redaksjonell lookbook på hvitt papir. En motefotografering der typografi og fotografi puster på rene hvite overflater, med svart blekk som skrifttype og en subtil signatur sans-serif-skrifttype (Favorit), som gjenspeiler merkets overordnede stil.
- Oura Ring — Et koselig havregrøtlagingsverksted, badet i mykt dagslys
- Stykka — Et skandinavisk verksted i hvitt lys – et stille, håndlaget showroom der den eneste stemmen er fotografi
- DJI — svart lerret fra romfart med et enkelt elektrisk blått høydepunkt
- Altitude Beverages — Monokromt magasinoppslag. Se for deg et motemagasinoppslag strippet for all farge bortsett fra stillbildene – teksten og det hvite området forteller hele historien.
- AATHER — En åpen håndflate, en enkelt flamme – en stille luksus inneholdt i stillhet
- Cowboy — Et belgisk sykkelgalleri i snøhvit porselenssetting. Et utstillingslokale hvor matte overflater, store fonter i redaksjonelt materiale og et så godt som fravær av dekorasjon trekker blikket mot sykkelen og dens innhold.
- Refero — Redaksjonell layout på hvit marmor – en produktside laget av en typograf, der serif-overskriften er merkets visittkort, og alt annet er diskret
- Face Formula — Et skandinavisk redaksjonelt portrett. Et rolig oppslag i magasinstil, der modellens blikk og overskriften, skrevet med en kondensert serif-skrift, taler for seg selv mot en kjølig, tåkete bakgrunn.
- Shupatto — Museumsmontre på hvit marmor