Glossier
Sessjoni tar-ritratti bix-xemx - karta bajda, linka sewda, aċċent isfar jgħajjat wieħed
Glossier jiffunzjona bħal rivista diġitali tas-sbuħija: kanvas kważi monokromu ta’ abjad u iswed, immarkat b’aċċent isfar vibranti wieħed li jservi wkoll bħala l-logo tal-marka u l-unika sejħa għall-azzjoni. Is-sistema hija editorjalment ristretta—titoli Apercu kbar iżżejjed, spazju abbundanti għat-test, fotografija tal-istil tal-ħajja fuq paġna sħiħa li ġġorr il-biċċa l-kbira tal-piż emozzjonali—u utilitarja fl-eżekuzzjoni: karti ċatti tal-prodott, borduri rqaq, u nuqqas komplet ta’ tiżjin. L-isfar mhuwiex kulur sekondarju tal-marka; HUWA l-marka, użat bil-moderazzjoni, sabiex kull dehra tħossha bħal flash tal-kamera. Kollox ieħor huwa maħsub biex jisparixxi fl-isfond: in-newtrali huma griżi sħan b’ton sottili ta’ ħamrani, il-borduri huma sottili, u t-tip huwa dens u kkondensat. Ir-riżultat huwa vetrina li tħossha kunfidenti, sottili, u moderna mingħajr kompromessi.
Il-paġna tinkludi serje ta’ sezzjonijiet full-screen irranġati vertikalment, kull waħda ddisinjata bħala tixrid editorjali waħedha. Is-sezzjoni prinċipali hija ritratt full-screen b’kisja bajda f’wiċċ l-ilma (fuq ix-xellug) u logo isfar massiv li jokkupa l-qiegħ kollu tal-paġna. Taħt is-sezzjoni prinċipali, is-sezzjonijiet jalternaw bejn immaġini full-screen u grilji ta’ karti individwali. Id-diviżjoni tal-kategoriji (kura tal-ġilda/makeup) f’żewġ kolonni b’proporzjon ugwali ta’ immaġini (50/50) isseħħ mingħajr bordura viżibbli—linja biss li tgħaqqad l-immaġini tifridhom. Il-katalgu tal-prodott juża grilja b’erba’ kolonni ta’ karti kwadri fuq kanvas #f7f7f7. In-navigazzjoni hija bar ta’ fuq minimalista bi strixxa ta’ reklamar sekondarja fuqha. Id-distakk bejn is-sezzjonijiet huwa pjuttost kbir (64px), iżda t-tranżizzjonijiet bejn is-sezzjonijiet huma bla xkiel—mingħajr diviżuri jew kuluri tal-isfond li jalternaw, ħlief għall-footer sħun. Ir-ritmu ġenerali huwa: ritratt, test, ritratt, grilja, ritratt – bħal meta tkun qed taqleb rivista tal-moda.
Il-fotografija hija l-lingwa viżwali dominanti. Iż-żona kollha tal-wiri hija mimlija b'immaġnijiet u ritratti tal-istil ta' ħajja—dawl sħun tas-siegħa tad-deheb, close-ups rotob tal-ġilda, idejn li jżommu fliexken tal-prodott fuq sfond ta' dija tax-xemx. Il-paletta tal-kuluri fir-ritratti hija sħuna u desaturata: smewwiet ħawħ, toni tal-ġilda terracotta, blu skur tal-oċean. L-immaġnijiet dejjem jokkupaw il-wiċċ kollu tal-paġna, mingħajr kantunieri ttundjati, gwarniċi, jew overlays, bl-eċċezzjoni ta' karti tat-test bojod jew il-logo isfar. Ir-ritratti tal-prodotti fuq il-karti tal-katalgu huma meħuda fuq sfond abjad pur bla xkiel b'dawl ċatt u uniformi. Il-proporzjon bejn l-immaġni u t-test huwa ta' madwar 70/30—l-immaġnijiet iwasslu l-emozzjoni, it-test, il-funzjoni. L-ebda illustrazzjonijiet, l-ebda grafika astratta, l-ebda rendering 3D.
Paletta
Marka
- Glossier Yellow
#fff116— L-isfar jintuża bħala aċċent sekondarju għal dettalji dekorattivi u biex jenfasizza tfittxijiet li jintużaw inqas ta' spiss. M'għandux jintuża bħala l-kulur primarju għal sejħa għall-azzjoni.
Newtrali
- Ink
#000000— Test tal-korp, links ta' navigazzjoni, test primarju, test tal-footer, kontorni tal-ikoni, borduri rqaq; kulur tipografiku u strutturali dominanti. - Paper
#ffffff— Uċuħ tal-kards tal-prodott, żoni tal-mili, pannelli mgħollija; l-aktar livell qawwi tal-wiċċ fil-munzell. - Fog
#f7f7f7— Kanvas tal-paġna, sfondi tas-sezzjonijiet, tranżizzjonijiet bejn l-immaġini fuq il-paġna; il-wiċċ bażi li fuqu tinsab il-websajt kollha. - Blush
#faf2f4— Sfond tal-footer, diviżuri tas-sezzjonijiet rotob u sħan; lewn sottili roża-abjad iżid is-sħana fil-qiegħ tal-paġni. - Mist
#f0f0f0— Wiċċ ta' appoġġ ħafif għall-ħolqien ta' sfond diskret u għas-separazzjoni ta' sezzjonijiet. M'għandux jintuża bħala l-kulur primarju għas-sejħa għall-azzjoni. - Ash
#e8e8e8— Borduri tal-oqsma tal-input, sfondi tal-ikoni, linji separaturi rqaq; kulur tal-bordura strutturali għall-karti u l-elementi tal-formola.
Tipografija
minn 12 sa 32px · 5 passi
- Apercu — sostituzzjoni: Inter · linji gwida 400, 500, 700 · It-tipa primarja tintuża fl-interfaċċja kollha tal-utent—il-korp tat-test b'daqs ta' 16px/400, in-navigazzjoni u l-captions b'daqs ta' 12–14px/500, is-sottotitoli b'daqs ta' 20px/500, u t-titli editorjali b'daqs ta' 32px/700. Id-disinn ġeometriku u umanistiku ta' Apercu jagħti lill-marka stil modern u kkondensat; l-ispazjar kważi żero bejn l-ittri (0.002–0.003em) jagħmel it-tipa kompatta u simili għal dik ta' rivista, aktar milli ħafifa jew faċli biex tużaha. Il-piż ta' 700 huwa riservat għal elementi tal-wiri fl-editorjali, mhux għal elementi tal-UI.
- Apercu Mono — sostituzzjoni: JetBrains Mono or IBM Plex Mono · linji gwida 400 · Tipografija mikro-utilitarja għall-metadata tal-ordnijiet, in-numri tat-traċċar, u t-tikketti ħdejn il-kodiċi; il-verżjoni monospazjata toħloq tessut tekniku kontra tip ta' ġisem proporzjonali.
- GTStandard-M — sostituzzjoni: Inter · linji gwida 400 · GTStandard-M - Misjuba fid-dejta estratta iżda mhux deskritta mill-AI.
Intervalli u forma
| Skop | Tifsira |
|---|---|
| Densità | medja |
| Pass bażiku | 8px |
| Raġġ tal-buttuna | 0px |
| Raġġ tal-karta | 0px |
| Dellijiet | le - fruntieri minflok dellijiet |
| Bejn is-sezzjonijiet | 64px |
| Wisa' tal-paġna | 1440px |
L-AI se tibni l-websajt tiegħek fl-istil ta' Glossier u timlieha
- Imla bi prodotti u postijiet permezz tal-link - Instagram, TikTok, Facebook.
- Ittrasferixxi l-kontenut mis-sit il-qadim tiegħek—speċifika biss l-indirizz.
- Disinn modern fuq l-aqwa magna: React ( Next.js) b'rendering tas-server u ottimizzazzjoni SEO lesti għall-użu.
- Ottimizzazzjoni SEO kompletament awtomatizzata għar-riżultati tat-tfittxija u rakkomandazzjonijiet tan-netwerk newrali.
Stili simili
- Lightship — Djorama ċinematika tat-triq miftuħa. Ħitan ta’ gallerija ta’ lewn krema sħun imżejna b’ritratti kbar ta’ pajsaġġ immuntati f’intervalli qrib xulxin, tipa sewda rqiqa bilkemm tidher fuq il-frejms, u aċċent oranġjo jgħajjat wieħed li jkisser il-monokromu bħal ħuġġieġa f’mergħa.
- Faire ES — katalgu bl-ingrossa ta' krema sħuna
- Adanola — Lookbook editorjali fuq karta bajda. Ritratt tal-moda fejn it-tipografija u l-fotografija jieħdu n-nifs fuq uċuħ bojod nodfa, b'linka sewda għat-tipa u font sans-serif sottili (Favorit), li jirrifletti l-istil ġenerali tal-marka.
- Oura Ring — Workshop komdu fejn tagħmel il-ħafur, imdawwal b'dawl tax-xemx artab
- Stykka — Workshop Skandinav f'dawl abjad – showroom kwiet u magħmul bl-idejn fejn l-unika vuċi hija l-fotografija
- DJI — kanvas iswed aerospazjali b'enfasi waħda blu elettrika
- Altitude Beverages — Firxa ta' rivista monokromatika. Immaġina firxa ta' rivista tal-moda mingħajr il-kulur kollu ħlief għar-ritratti fissi—it-test u l-ispazju abjad jirrakkontaw l-istorja kollha.
- AATHER — Id miftuħa, fjamma waħda - lussu kwiet li jinsab fis-skiet
- Cowboy — Gallerija ta' roti Belġjani f'ambjent ta' porċellana bajda tas-silġ. Showroom fejn uċuħ matti, fonts kbar użati f'materjali editorjali, u assenza kważi assoluta ta' dekorazzjoni jiġbdu l-għajn lejn ir-rota u l-kontenut tagħha.
- Refero — Tqassim editorjali fuq irħam abjad - paġna ta' prodott maħluqa minn tipografu, fejn it-titlu serif huwa l-karta tal-viżita tal-marka, u kollox ieħor huwa diskret
- Face Formula — Ritratt editorjali Skandinav. Tixrid kalm, stil ta’ rivista, fejn il-ħarsa tal-mudella u t-titlu, miktuba b’font serif ikkondensat, jitkellmu waħedhom fuq sfond kiesaħ u mċajpar.
- Shupatto — Vetrina tal-mużew fuq irħam abjad