Glossier
Solskinsfotografering - hvidt papir, sort blæk, en lys gul accent
Glossier fungerer som et digitalt skønhedsmagasin: et næsten monokromt lærred af hvidt og sort, præget af en enkelt, livlig gul accent, der også fungerer som brandets logo og eneste opfordring til handling. Systemet er redaktionelt tilbageholdende – overdimensionerede Apercu-overskrifter, rigelig tekstplads, helsides livsstilsfotografering, der bærer størstedelen af den følelsesmæssige vægt – og utilitaristisk i udførelsen: flade produktkort, tynde kanter og en fuldstændig mangel på udsmykning. Gul er ikke en sekundær brandfarve; det ER brandet, brugt sparsomt, så ethvert udseende føles som en kamerablitz. Alt andet er beregnet til at falme i baggrunden: neutrale farver er varme gråtoner med en subtil blush-undertone, kanterne er subtile, og skriften er tæt og kondenseret. Resultatet er en butiksfacade, der føles selvsikker, underspillet og kompromisløst moderne.
Siden indeholder en vertikalt arrangeret række af fuldskærmssektioner, der hver især er designet som et selvstændigt redaktionelt opslag. Hovedsektionen er et foto i fuld bredde med et flydende hvidt overlay (øverst til venstre) og et massivt gult logo, der optager hele bunden af siden. Under hovedsektionen skifter sektionerne mellem fuldskærmsbilleder og gitre af individuelle kort. Opdelingen af kategorier (hudpleje/makeup) i to kolonner med et ligeligt billedforhold (50/50) sker uden en synlig kant – kun en linje, der forbinder billederne, adskiller dem. Produktkataloget bruger et gitter med fire kolonner af firkantede kort på et #f7f7f7-lærred. Navigationen er en minimalistisk toplinje med en sekundær annoncestrimmel over. Mellemrummene mellem sektionerne er ret store (64px), men overgangene mellem sektionerne er glatte – uden skillevægge eller skiftende baggrundsfarver, bortset fra den varme sidefod. Den overordnede rytme er: fotografi, tekst, fotografi, gitter, fotografi – som at bladre gennem et modemagasin.
Fotografi er det dominerende visuelle sprog. Hele synsfeltet er fyldt med livsstilsbilleder og portrætter – varmt lys fra den gyldne time, bløde nærbilleder af hud, hænder, der holder produktflasker mod en baggrund af solskin. Farvepaletten i fotografierne er varm og umættet: ferskenfarvet himmel, terrakottafarvet hudfarve, dyb havblå. Billeder optager altid hele sideoverfladen uden afrundede hjørner, rammer eller overlejringer, med undtagelse af hvide tekstkort eller det gule logo. Produktfotos på katalogkort er taget mod en ren hvid, sømløs baggrund med flad, jævn belysning. Forholdet mellem billede og tekst er cirka 70/30 – billederne formidler følelser, teksten funktion. Ingen illustrationer, ingen abstrakt grafik, ingen 3D-gengivelser.
Palet
Mærke
- Glossier Yellow
#fff116— Gul bruges som en sekundær accent til dekorative detaljer og til at fremhæve mindre hyppigt anvendte søgeforespørgsler. Den bør ikke bruges som den primære farve til en opfordring til handling.
Neutral
- Ink
#000000— Brødtekst, navigationslinks, primær tekst, sidefodstekst, ikonomrids, tynde rammer; dominerende typografisk og strukturel farve. - Paper
#ffffff— Produktkortoverflader, udfyldningsområder, hævede paneler; det lyseste overfladeniveau i stakken. - Fog
#f7f7f7— Sidelærred, sektionsbaggrunde, overgange mellem billeder på siden; den grundlæggende overflade, som hele webstedet er placeret på. - Blush
#faf2f4— Baggrund i sidefoden, bløde, varme sektionsdelere; en diskret lyserød-hvid farve tilføjer varme til bunden af siderne. - Mist
#f0f0f0— En let, støttende overflade til at skabe en diskret baggrund og adskille sektioner. Den bør ikke bruges som primærfarve til handlingsopfordringen. - Ash
#e8e8e8— Kanter til inputfelter, ikonbaggrunde, tynde skillelinjer; strukturel kantfarve til kort og formularelementer.
Typografi
fra 12 til 32px · 5 trin
- Apercu — udskiftning: Inter · konturer 400, 500, 700 · Den primære skrifttype bruges i hele brugergrænsefladen – brødtekst ved 16px/400, navigation og billedtekster ved 12-14px/500, underoverskrifter ved 20px/500 og redaktionelle overskrifter ved 32px/700. Apercus geometriske, humanistiske design giver brandet en kondenseret, moderne stil; den næsten nul bogstavafstand (0,002-0,003em) gør skrifttypen kompakt og magasinagtig, snarere end luftig eller venlig. Vægten på 700 er reserveret til displayelementer i redaktionelle artikler, ikke UI-elementer.
- Apercu Mono — udskiftning: JetBrains Mono or IBM Plex Mono · konturer 400 · Mikroutilitaristisk typografi til ordremetadata, sporingsnumre og etiketter ved siden af koden; den monospacede version skaber en teknisk tekstur mod en proportional kropstype.
- GTStandard-M — udskiftning: Inter · konturer 400 · GTStandard-M - Fundet i de udtrukne data, men ikke beskrevet af AI'en.
Intervaller og form
| Formål | Mening |
|---|---|
| Tæthed | gennemsnit |
| Grundlæggende trin | 8px |
| Knapradius | 0px |
| Kortradius | 0px |
| Skygger | ingen grænser i stedet for skygger |
| Mellem sektioner | 64px |
| Sidebredde | 1440px |
AI vil bygge din hjemmeside i Glossier -stil og udfylde den
- Fyld med produkter og opslag via linket - Instagram, TikTok, Facebook.
- Overfør indhold fra dit gamle websted – angiv blot adressen.
- Moderne design på den bedste søgemotor: React ( Next.js) med serverrendering og SEO-optimering lige fra starten.
- Fuldautomatiseret SEO-optimering til søgeresultater og anbefalinger til neurale netværk.
Lignende stilarter
- Lightship — Et filmisk diorama af den åbne landevej. Varme cremefarvede gallerivægge prydet med store landskabsfotografier monteret med tætte mellemrum, tynde sorte skrifttyper knapt synlige på rammerne, og en enkelt lys orange accent, der bryder monokromen som et bål på en eng.
- Faire ES — engroskatalog af varm creme
- Adanola — En redaktionel lookbook på hvidt papir. Et modefotografering, hvor typografi og fotografi ånder på rene, hvide overflader, med sort blæk som skrifttype og en diskret sans-serif-skrifttype (Favorit), der afspejler brandets overordnede stil.
- Oura Ring — Et hyggeligt havregrynsværksted badet i blødt dagslys
- Stykka — Et skandinavisk værksted i hvidt lys – et stille, håndlavet showroom, hvor den eneste stemme er fotografiet
- DJI — Sort rumfartslærred med et enkelt elektrisk blåt højdepunkt
- Altitude Beverages — Monokromt magasinopslag. Forestil dig et modemagasinopslag, der er fjernet for al farve undtagen stillbillederne – teksten og det hvide område fortæller hele historien.
- AATHER — En åben håndflade, en enkelt flamme - en stille luksus indeholdt i stilhed
- Cowboy — Et belgisk cykelgalleri i snehvid porcelænsindretning. Et showroom, hvor matte overflader, store skrifttyper i redaktionelt materiale og en nærmest mangel på dekoration trækker blikket mod cyklen og dens indhold.
- Refero — Redaktionelt layout på hvid marmor - en produktside skabt af en typograf, hvor serif-overskriften er brandets visitkort, og alt andet er diskret
- Face Formula — Et skandinavisk redaktionelt portræt. Et roligt opslag i magasinstil, hvor modellens blik og overskriften, skrevet med en kompakt serif-skrifttype, taler for sig selv mod en kølig, tåget baggrund.
- Shupatto — Museumsmontre på hvid marmor