Glossier
Solskensfotografering - vitt papper, svart bläck, en ljusgul accent
Glossier fungerar som en digital skönhetsmagasin: en nästan monokrom duk av vitt och svart, avbruten av en enda, livfull gul accent som även fungerar som varumärkets logotyp och enda uppmaning till handling. Systemet är redaktionellt återhållsamt – överdimensionerade Apercu-rubriker, gott om textutrymme, helsides livsstilsfotografering som bär huvuddelen av den emotionella tyngden – och utilitaristiskt i utförandet: platta produktkort, tunna ramar och en fullständig avsaknad av utsmyckning. Gult är inte en sekundär varumärkesfärg; det ÄR varumärket, sparsamt använt, så att varje utseende känns som en kamerablixt. Allt annat är tänkt att tona in i bakgrunden: neutrala färger är varma gråtoner med en subtil rodnadsunderton, ramarna är subtila och texten är tät och kondenserad. Resultatet är en butiksfasad som känns självsäker, diskret och kompromisslöst modern.
Sidan har en vertikalt arrangerad serie helskärmssektioner, var och en utformad som ett fristående redaktionellt uppslag. Huvudsektionen är ett foto i full bredd med ett flytande vitt överlägg (uppe till vänster) och en massiv gul logotyp som upptar hela sidans nedre del. Under huvudsektionen växlar sektionerna mellan helskärmsbilder och rutnät med individuella kort. Uppdelningen av kategorier (hudvård/smink) i två kolumner med lika stora bilder (50/50) sker utan en synlig kantlinje – endast en linje som förbinder bilderna skiljer dem åt. Produktkatalogen använder ett fyrkolumnsrutnät med fyrkantiga kort på en #f7f7f7-duk. Navigeringen är en minimalistisk övre fält med en sekundär annonsremsa ovanför. Mellanrummen mellan sektionerna är ganska stora (64px), men övergångarna mellan sektionerna är smidiga – utan avdelare eller alternerande bakgrundsfärger, förutom den varma sidfoten. Den övergripande rytmen är: fotografi, text, fotografi, rutnät, fotografi – som att bläddra igenom en modetidning.
Fotografi är det dominerande visuella språket. Hela visningsområdet är fyllt med livsstilsbilder och porträtt – varmt gyllene timmens ljus, mjuka närbilder av hud, händer som håller produktflaskor mot en bakgrund av solsken. Färgpaletten i fotografierna är varm och omättad: persikofärgad himmel, terrakottafärgade hudtoner, djuphavsblå. Bilderna upptar alltid hela sidans yta, utan rundade hörn, ramar eller överlägg, med undantag för vita textkort eller den gula logotypen. Produktfoton på katalogkort är tagna mot en ren vit sömlös bakgrund med platt, jämn belysning. Bild-till-text-förhållandet är ungefär 70/30 – bilderna förmedlar känslor, texten funktion. Inga illustrationer, ingen abstrakt grafik, inga 3D-renderingar.
Palett
Stämpla
- Glossier Yellow
#fff116— Gult används som en sekundär accentfärg för dekorativa detaljer och för att framhäva mindre frekvent använda sökfrågor. Det bör inte användas som primärfärg för en uppmaning till handling.
Neutral
- Ink
#000000— Brödtext, navigeringslänkar, primärtext, sidfotstext, ikonkonturer, tunna ramar; dominerande typografisk och strukturell färg. - Paper
#ffffff— Produktkortsytor, fyllnadsområden, upphöjda paneler; den ljusaste ytan i stapeln. - Fog
#f7f7f7— Sidduks, sektionsbakgrunder, övergångar mellan bilder på sidan; basytan som hela webbplatsen finns på. - Blush
#faf2f4— Sidfotsbakgrund, mjuka varma sektionsavdelare; en subtil rosavit nyans ger en värme åt sidornas nederkant. - Mist
#f0f0f0— En lätt stödjande yta för att skapa en diskret bakgrund och separera sektioner. Den bör inte användas som primärfärg för uppmaningen till handling. - Ash
#e8e8e8— Inmatningsfältsgränser, ikonbakgrunder, tunna avgränsningslinjer; strukturell kantfärg för kort och formulärelement.
Typografi
från 12 till 32px · 5 steg
- Apercu — ersättning: Inter · konturer 400, 500, 700 · Det primära typsnittet används i hela användargränssnittet – brödtext med 16px/400, navigering och bildtexter med 12–14px/500, underrubriker med 20px/500 och redaktionella rubriker med 32px/700. Apercus geometriska, humanistiska design ger varumärket en kondenserad, modern stil; det nästan noll bokstavsavståndet (0,002–0,003em) gör typsnittet kompakt och tidskriftsliknande, snarare än luftigt eller vänligt. Vikten 700 är reserverad för visningselement i redaktionella artiklar, inte UI-element.
- Apercu Mono — ersättning: JetBrains Mono or IBM Plex Mono · konturer 400 · Mikroutilitaristisk typografi för ordermetadata, spårningsnummer och etiketter bredvid koden; den monospaced-versionen skapar en teknisk textur mot en proportionell kroppstyp.
- GTStandard-M — ersättning: Inter · konturer 400 · GTStandard-M - Finns i den extraherade datan men beskrivs inte av AI:n.
Intervaller och form
| Ändamål | Menande |
|---|---|
| Densitet | genomsnitt |
| Grundläggande steg | 8px |
| Knappradie | 0px |
| Kortradie | 0px |
| Skuggor | inga gränser istället för skuggor |
| Mellan sektioner | 64px |
| Sidbredd | 1440px |
AI kommer att bygga din webbplats i Glossier -stil och fylla den
- Fyll på med produkter och inlägg via länken - Instagram, TikTok, Facebook.
- Överför innehåll från din gamla webbplats – ange bara adressen.
- Modern design på den bästa sökmotorn: React ( Next.js) med serverrendering och SEO-optimering direkt ur lådan.
- Helautomatisk SEO-optimering för sökresultat och rekommendationer för neurala nätverk.
Liknande stilar
- Lightship — Ett filmiskt diorama av öppen väg. Varma krämfärgade galleriväggar prydda med stora landskapsfotografier monterade med tätt mellanrum, tunn svart text knappt synlig på ramarna och en enda ljus orange accent som bryter monokromen likt en brasa på en äng.
- Faire ES — grossistkatalog av varm grädde
- Adanola — En redaktionell lookbook på vitt papper. En modefotografering där typografi och fotografi andas på rena vita ytor, med svart bläck som typsnitt och ett subtilt signatur-sans-serif-typsnitt (Favorit), vilket återspeglar varumärkets övergripande stil.
- Oura Ring — En mysig havregrynsverkstad, badande i mjukt dagsljus
- Stykka — En skandinavisk verkstad i vitt ljus – ett tyst, handgjort showroom där den enda rösten är fotografi
- DJI — svart flyg- och rymdcanvas med en enda elektrisk blå accent
- Altitude Beverages — Monokromt tidningsuppslag. Tänk dig ett modetidningsuppslag utan all färg förutom stillbilderna – texten och det vita utrymmet berättar hela historien.
- AATHER — En öppen handflata, en enda låga – en stilla lyx innesluten i stillhet
- Cowboy — Ett belgiskt cykelgalleri i en snövit porslinsmiljö. Ett utställningslokaler där matta ytor, stora typsnitt i redaktionellt material och en praktiskt taget avsaknad av dekoration drar blicken till cykeln och dess innehåll.
- Refero — Redaktionell layout på vit marmor - en produktsida skapad av en typograf, där serif-rubriken är varumärkets visitkort och allt annat är diskret
- Face Formula — Ett skandinaviskt redaktionellt porträtt. Ett lugnt uppslag i tidningsstil, där modellens blick och rubriken, skriven med ett kompakt serif-typsnitt, talar för sig själva mot en sval, dimmig bakgrund.
- Shupatto — Museumsmontre på vit marmor