Glossier
Päikeseline fotosessioon - valge paber, must tint, üks erkkollane aktsent
Glossier toimib nagu digitaalne iluajakiri: peaaegu monokroomne valge ja musta värvi lõuend, mida ilmestab üksainus erkkollane aktsent, mis toimib nii brändi logo kui ka ainsa üleskutsena tegutsemisele. Süsteem on toimetuselt vaoshoitud – ülisuured Apercu pealkirjad, palju tekstiruumi, terve lehekülje elustiilifotod, mis kannavad suurema osa emotsionaalsest kaalust – ja teostuselt utilitaarne: lamedad tootekaardid, õhukesed äärised ja täielik kaunistuste puudumine. Kollane ei ole brändi teisejärguline värv; see ON bränd, mida kasutatakse säästlikult, nii et iga välimus tundub nagu kaameravälk. Kõik muu on mõeldud taustale sulanduma: neutraalsed toonid on soojad hallid peene põsepuna alatooniga, äärised on peened ja tekst on tihe ja kontsentreeritud. Tulemuseks on poe fassaad, mis tundub enesekindel, tagasihoidlik ja kompromissitult moodne.
Lehel on vertikaalselt paigutatud täisekraani sektsioonide seeria, millest igaüks on kujundatud eraldiseisva toimetuse osana. Põhisektsiooniks on täislaiuses foto ujuva valge pealiskihiga (üleval vasakul) ja massiivse kollase logoga, mis hõlmab kogu lehe alumist serva. Põhisektsiooni all vahelduvad sektsioonid täisekraanipiltide ja üksikute kaartide ruudustiku vahel. Kategooriad (nahahooldus/meik) on jagatud kahte veergu võrdse piltide suhtega (50/50) ilma nähtava ääriseta – neid eraldab ainult pilte ühendav joon. Tootekataloog kasutab nelja veeruga ruudustikku ruudustikuna ruudustikuna ruudustikku #f7f7f7 lõuendil. Navigeerimine on minimalistlik ülemine riba, mille kohal on teine reklaamiriba. Sektsioonide vahelised vahed on üsna suured (64 pikslit), kuid üleminekud sektsioonide vahel on sujuvad – ilma eraldajate või vahelduvate taustavärvideta, välja arvatud soe jalus. Üldine rütm on: foto, tekst, foto, ruudustik, foto – nagu moeajakirja sirvimine.
Fotograafia on domineeriv visuaalne keel. Kogu vaateala on täidetud elustiilipiltide ja portreedega – soe kuldse tunni valgustus, pehmed lähivõtted nahast, käed, mis hoiavad tootepudeleid päikesepaistelise tausta taustal. Fotode värvipalett on soe ja küllastumata: virsikukarva taevas, terrakota nahatoonid, sügav ookeanisinine. Pildid katavad alati kogu lehe pinna, ilma ümarate nurkade, raamide või kihtideta, välja arvatud valged tekstikaardid või kollane logo. Kataloogikaartidel olevad tootefotod on tehtud puhta valge sujuva tausta ees, millel on lame ja ühtlane valgustus. Pildi ja teksti suhe on umbes 70/30 – pildid edastavad emotsiooni, tekst ja funktsioon. Illustratsioonid, abstraktne graafika ja 3D-renderdused puuduvad.
Palett
Bränd
- Glossier Yellow
#fff116— Kollast värvi kasutatakse dekoratiivsete detailide sekundaarse aktsendina ja harvemini kasutatavate otsingupäringute esiletõstmiseks. Seda ei tohiks kasutada tegevusele kutsuva teksti põhivärvina.
Neutraalne
- Ink
#000000— Põhitekst, navigeerimislingid, põhitekst, jaluse tekst, ikoonide piirjooned, õhukesed äärised; domineeriv tüpograafiline ja struktuurivärv. - Paper
#ffffff— Tootekaardi pinnad, täitealad, reljeefsed paneelid; virna heledaim pinnatasand. - Fog
#f7f7f7— Lehekülje lõuend, sektsioonide taustad, piltide vahelised üleminekud lehel; aluspind, millel kogu veebisait asub. - Blush
#faf2f4— Jaluse taust, pehmed soojad sektsioonide eraldajad; õrn roosakasvalge toon lisab lehtede alumisele osale soojust. - Mist
#f0f0f0— Kerge tugipind märkamatu tausta loomiseks ja sektsioonide eraldamiseks. Seda ei tohiks kasutada üleskutse põhivärvina. - Ash
#e8e8e8— Sisestusvälja äärised, ikoonide taustad, õhukesed eraldusjooned; kaartide ja vormielementide struktuuräärise värv.
Tüpograafia
12-st 32 pikslini · 5 sammu
- Apercu — asendamine: Inter · kontuurid 400, 500, 700 · Põhikirjatüüpi kasutatakse kogu kasutajaliideses – põhitekst 16px/400, navigatsioon ja pealkirjad 12–14px/500, alapealkirjad 20px/500 ja juhtkirja pealkirjad 32px/700. Apercu geomeetriline, humanistlik disain annab brändile kontsentreeritud ja moodsa stiili; peaaegu nullilähedane tähevahe (0,002–0,003em) muudab kirjatüübi kompaktseks ja ajakirjalaadseks, mitte õhuliseks või sõbralikuks. 700-ne kaal on reserveeritud juhtkirjade kuvaelementidele, mitte kasutajaliidese elementidele.
- Apercu Mono — asendamine: JetBrains Mono or IBM Plex Mono · kontuurid 400 · Mikroutilitaarne tüpograafia tellimuste metaandmete, jälgimisnumbrite ja koodi kõrval olevate siltide jaoks; ühesuunaline versioon loob proportsionaalse keretüübi taustal tehnilise tekstuuri.
- GTStandard-M — asendamine: Inter · kontuurid 400 · GTStandard-M – Leitud ekstraheeritud andmetest, kuid tehisintellekt seda ei kirjelda.
Intervallid ja vorm
| Eesmärk | Tähendus |
|---|---|
| Tihedus | keskmine |
| Põhisamm | 8px |
| Nupu raadius | 0px |
| Kaardi raadius | 0px |
| Varjud | ei - varjude asemel äärised |
| Sektsioonide vahel | 64px |
| Lehe laius | 1440px |
Tehisintellekt loob teie veebisaidi Glossier stiilis ja täidab selle
- Täida toodete ja postitustega lingi kaudu - Instagram, TikTok, Facebook.
- Kanna sisu oma vanalt saidilt üle – täpsusta lihtsalt aadress.
- Moodne disain parimal mootoril: React ( Next.js) koos serveri renderdamise ja SEO optimeerimisega koheselt.
- Täisautomaatne SEO optimeerimine otsingutulemuste ja närvivõrgu soovituste jaoks.
Sarnased stiilid
- Lightship — Filmiline dioraam avatud teest. Soojad kreemikad galeriiseinad, mida kaunistasid tiheda vahega raamitud suured maastikufotod, õhuke must trükis, mis oli raamidel vaevu nähtav, ja üksainus ereoranž aktsent, mis katkestas monokroomse tausta nagu lõke niidul.
- Faire ES — sooja kreemi hulgimüügikataloog
- Adanola — Valgel paberil loodud reklaamalbum. Moefotosessioon, kus tüpograafia ja fotograafia hingavad puhastel valgetel pindadel, kus kirjatüübiks on must tint ja peenelt signatuurne sans-serif font (Favorit), mis peegeldab brändi üldist stiili.
- Oura Ring — Hubane kaerahelbepudru valmistamise töötuba pehmes päevavalguses
- Stykka — Skandinaaviapärane töökoda valges valguses – vaikne käsitööesitlusruum, kus ainsaks hääleks on fotograafia
- DJI — lennundusmust lõuend ühe elektrilise sinise esiletõstmisega
- Altitude Beverages — Mustvalge ajakirjaleht. Kujutage ette moeajakirja lehte, millelt on eemaldatud kõik värvid peale fotode – tekst ja tühi ruum jutustavad kogu loo.
- AATHER — Avatud peopesa, üksainus leek - vaikne luksus vaikuses
- Cowboy — Belgia jalgrattagalerii lumivalges portselanist keskkonnas. Näitusesaal, kus matid pinnad, trükimaterjalides kasutatud suured fondid ja praktiliselt igasugune kaunistus tõmbavad pilku jalgrattale ja selle sisule.
- Refero — Valgel marmoril küljendus – tüpograafi loodud tooteleht, kus serif-pealkiri on brändi visiitkaart ja kõik muu on tagasihoidlik.
- Face Formula — Skandinaaviapärane ajakirjaportree. Rahulik, ajakirjastiilis pilt, kus modelli pilk ja tihendatud serif-fondis kirjutatud pealkiri räägivad enda eest jaheda ja uduse tausta taustal.
- Shupatto — Muuseumi vitriin valgel marmoril