Glossier
Sunshine photoshoot - puti nga papel, itom nga tinta, usa ka hayag nga dalag nga accent
Ang Glossier naglihok sama sa usa ka digital beauty magazine: usa ka halos monochrome nga canvas sa puti ug itom, nga gipasiugdahan sa usa ka hayag nga dilaw nga accent nga nagsilbi usab nga logo sa brand ug bugtong panawagan sa aksyon. Ang sistema gipugngan sa editoryal—dako nga mga headline sa Apercu, daghang espasyo sa teksto, tibuok panid nga lifestyle photography nga nagdala sa kadaghanan sa emosyonal nga gibug-aton—ug praktikal sa pagpatuman: patag nga mga product card, nipis nga mga border, ug hingpit nga kakulang sa dekorasyon. Ang dilaw dili ikaduha nga kolor sa brand; kini ang brand, gigamit nga talagsa ra, mao nga ang matag hitsura mobati nga sama sa flash sa camera. Ang tanan gituyo nga mawala sa background: ang mga neutral mao ang mainit nga abohon nga adunay gamay nga blush undertone, ang mga border malumo, ug ang tipo dasok ug mubo. Ang resulta usa ka tindahan nga mobati nga masaligon, dili makompromiso, ug dili kompromiso nga moderno.
Ang panid nagpakita og patindog nga gihan-ay nga serye sa mga seksyon sa full-screen, ang matag usa gidisenyo isip usa ka standalone nga editorial spread. Ang pangunang seksyon usa ka full-width nga litrato nga adunay naglutaw nga puti nga overlay (ibabaw sa wala) ug usa ka dako nga dilaw nga logo nga nag-okupar sa tibuok ubos sa panid. Sa ubos sa pangunang seksyon, ang mga seksyon nagpuli-puli tali sa mga full-screen nga imahe ug mga grid sa indibidwal nga mga kard. Ang pagbahin sa mga kategorya (skincare/makeup) ngadto sa duha ka kolum nga adunay parehas nga ratio sa mga imahe (50/50) mahitabo nga walay makita nga border—usa lamang ka linya nga nagkonektar sa mga imahe ang nagbulag kanila. Ang katalogo sa produkto naggamit og upat ka kolum nga grid sa mga square card sa usa ka #f7f7f7 canvas. Ang nabigasyon usa ka minimalist nga top bar nga adunay ikaduhang ad strip sa ibabaw niini. Ang mga kal-ang tali sa mga seksyon medyo dako (64px), apan ang mga transisyon tali sa mga seksyon hapsay—walay mga divider o nagpuli-puli nga mga kolor sa background, gawas sa mainit nga footer. Ang kinatibuk-ang ritmo mao ang: litrato, teksto, litrato, grid, litrato – sama sa pagpakli-pakli sa usa ka magasin sa fashion.
Ang potograpiya mao ang dominanteng biswal nga pinulongan. Ang tibuok lugar nga makita puno sa mga hulagway ug mga retrato sa estilo sa kinabuhi—mainit nga suga sa bulawanong oras, humok nga mga close-up sa panit, mga kamot nga naggunit sa mga botelya sa produkto batok sa backdrop sa silaw sa adlaw. Ang paleta sa mga kolor sa mga litrato mainiton ug walay kolor: peach nga kalangitan, terracotta nga mga tono sa panit, lawom nga asul sa dagat. Ang mga imahe kanunay nga nag-okupar sa tibuok nawong sa panid, nga walay lingin nga mga kanto, mga frame, o mga overlay, gawas sa puti nga mga text card o ang dilaw nga logo. Ang mga litrato sa produkto sa mga catalog card gikuha batok sa usa ka puro nga puti nga walay putol nga background nga adunay patag, parehas nga suga. Ang ratio sa imahe-sa-teksto gibana-bana nga 70/30—ang mga imahe nagpahayag sa emosyon, ang teksto, ang function. Walay mga ilustrasyon, walay abstract graphics, walay 3D renderings.
Paleta
Brand
- Glossier Yellow
#fff116— Ang dilaw gigamit isip ikaduhang kolor para sa mga pangdekorasyon nga detalye ug para ipasiugda ang mga dili kanunay gamiton nga mga pangutana sa pagpangita. Dili kini angay gamiton isip pangunang kolor para sa usa ka panawagan sa aksyon.
Neutral
- Ink
#000000— Body text, mga sumpay sa nabigasyon, pangunang teksto, teksto sa footer, mga outline sa icon, nipis nga mga border; dominanteng tipograpiko ug kolor sa istruktura. - Paper
#ffffff— Mga nawong sa product card, mga fill area, mga gipataas nga panel; ang pinakahayag nga lebel sa nawong sa stack. - Fog
#f7f7f7— Kanbas sa panid, mga background sa seksyon, mga transisyon tali sa mga imahe sa panid; ang base nga bahin diin nahimutang ang tibuok website. - Blush
#faf2f4— Background sa footer, humok ug init nga mga section divider; gamay nga pinkish-white nga kolor nagdugang og kainit sa ubos sa mga panid. - Mist
#f0f0f0— Usa ka gaan nga nagsuporta nga nawong para sa paghimo og dili makahasol nga background ug pagbulag sa mga seksyon. Dili kini angay gamiton isip pangunang kolor para sa panawagan sa aksyon. - Ash
#e8e8e8— Mga border sa input field, mga background sa icon, nipis nga mga linya sa separator; kolor sa istruktura sa border para sa mga kard ug mga elemento sa porma.
Tipograpiya
gikan sa 12 ngadto sa 32px · 5 ka lakang
- Apercu — kapuli: Inter · mga balangkas 400, 500, 700 · Ang pangunang tipo sa letra gigamit sa tibuok user interface—body copy sa 16px/400, nabigasyon ug mga caption sa 12–14px/500, mga subheading sa 20px/500, ug mga editorial headline sa 32px/700. Ang geometric, humanistic nga disenyo sa Apercu naghatag sa brand og mubo ug modernong estilo; ang hapit-zero nga gilay-on sa mga letra (0.002–0.003em) naghimo sa tipo sa letra nga compact ug sama sa magasin, imbes nga mahangin o mahigalaon. Ang gibug-aton nga 700 gitagana alang sa mga display elements sa mga editoryal, dili sa mga UI elements.
- Apercu Mono — kapuli: JetBrains Mono or IBM Plex Mono · mga balangkas 400 · Micro-utilitarian typography para sa order metadata, tracking numbers, ug mga label tupad sa code; ang monospaced nga bersyon nagmugna og teknikal nga texture batok sa proportional body type.
- GTStandard-M — kapuli: Inter · mga balangkas 400 · GTStandard-M - Makita sa nakuha nga datos apan wala gihulagway sa AI.
Mga interval ug porma
| Katuyoan | Kahulugan |
|---|---|
| Densidad | aberids |
| Batakang lakang | 8px |
| Radius sa butones | 0px |
| Radius sa kard | 0px |
| Mga anino | walay - mga utlanan imbes nga mga anino |
| Taliwala sa mga seksyon | 64px |
| Lapad sa panid | 1440px |
Ang AI motukod sa imong website sa estilo sa Glossier ug mopuno niini
- Pun-a og mga produkto ug mga post pinaagi sa link - Instagram, TikTok, Facebook.
- Ibalhin ang sulod gikan sa imong daang site—ipiho lang ang adres.
- Modernong disenyo sa pinakamaayong makina: React ( Next.js) nga adunay server rendering ug SEO optimization nga andam na gamiton.
- Bug-os nga awtomatik nga pag-optimize sa SEO para sa mga resulta sa pagpangita ug mga rekomendasyon sa neural network.
Parehas nga mga estilo
- Lightship — Usa ka sinematikong diorama sa bukas nga dalan. Mainit nga krema nga mga bungbong sa gallery nga gidayandayanan sa dagkong mga litrato sa talan-awon nga gibutang sa duol nga mga distansya, nipis nga itom nga tipo nga halos dili makita sa mga frame, ug usa ka hayag nga orange nga accent nga nagbungkag sa monochrome sama sa siga sa usa ka sibsibanan.
- Faire ES — pakyawan nga katalogo sa mainit nga cream
- Adanola — Usa ka editorial lookbook sa puti nga papel. Usa ka fashion shoot diin ang tipograpiya ug potograpiya nagginhawa sa limpyo nga puti nga mga nawong, nga adunay itom nga tinta para sa typeface ug usa ka pino nga pirma nga sans-serif font (Favorit), nga nagpakita sa kinatibuk-ang estilo sa brand.
- Oura Ring — Usa ka komportable nga workshop sa paghimo og oatmeal, nga giligoan sa humok nga kahayag sa adlaw
- Stykka — Usa ka Scandinavian workshop sa puti nga kahayag – usa ka hilom, hinimo sa kamot nga showroom diin ang bugtong tingog mao ang potograpiya
- DJI — aerospace black canvas nga adunay usa ka electric blue highlight
- Altitude Beverages — Monochrome nga pagkatag sa magasin. Handurawa ang usa ka pagkatag sa magasin sa uso nga gihuboan sa tanang kolor gawas sa mga litrato—ang teksto ug puti nga espasyo nagsaysay sa tibuok istorya.
- AATHER — Usa ka bukas nga palad, usa ka siga - usa ka hilom nga luho nga anaa sa kahilom
- Cowboy — Usa ka galeriya sa bisikleta sa Belgium nga adunay puti nga porselana nga setting. Usa ka showroom diin ang matte nga mga nawong, dagkong mga font nga gigamit sa mga materyales sa editoryal, ug halos walay dekorasyon nakadani sa atensyon ngadto sa bisikleta ug sa mga sulod niini.
- Refero — Layout sa editoryal sa puti nga marmol - usa ka panid sa produkto nga gihimo sa usa ka typographer, diin ang serif headline mao ang calling card sa brand, ug ang tanan dili makabalda
- Face Formula — Usa ka Scandinavian nga editoryal nga hulagway. Usa ka kalmado, estilo sa magasin nga pagkaylap, diin ang panan-aw sa modelo ug ang ulohan, nga gisulat sa usa ka mubu nga serif font, nagsulti alang sa ilang kaugalingon batok sa usa ka bugnaw ug gabon nga background.
- Shupatto — Kahon sa eksibit sa museyo nga hinimo sa puti nga marmol