Glossier
Saulainā fotosesija — balts papīrs, melna tinte, viens spilgti dzeltens akcents
Glossier darbojas kā digitāls skaistumkopšanas žurnāls: gandrīz vienkrāsains baltas un melnas krāsas audekls, ko papildina viens spilgti dzeltens akcents, kas vienlaikus kalpo arī kā zīmola logotips un vienīgais aicinājums uz rīcību. Sistēma ir redakcionāli atturīga — pārāk lieli Apercu virsraksti, plaša teksta vieta, pilnas lapas dzīvesstila fotogrāfijas, kas nes lielāko daļu emocionālā svara, — un utilitāra izpildījumā: plakanas produktu kartītes, plānas apmales un pilnīgs izrotājumu trūkums. Dzeltenā krāsa nav sekundāra zīmola krāsa; tā IR zīmols, kas tiek izmantots taupīgi, lai katrs izskats šķistu kā kameras zibspuldze. Visam pārējam ir paredzēts izzust fonā: neitrālās krāsas ir silti pelēkas ar vieglu sārtuma pieskaņu, apmales ir neuzkrītošas, un burti ir blīvi un koncentrēti. Rezultāts ir veikala vitrīna, kas šķiet pārliecināta, neuzkrītoša un bezkompromisa moderna.
Lapā ir vertikāli sakārtota pilnekrāna sadaļu sērija, katra no tām ir veidota kā atsevišķs redakcionāls izklājums. Galvenā sadaļa ir pilna platuma fotoattēls ar peldošu baltu pārklājumu (augšējā kreisajā stūrī) un milzīgu dzeltenu logotipu, kas aizņem visu lapas apakšdaļu. Zem galvenās sadaļas sadaļas mainās starp pilnekrāna attēliem un atsevišķu kāršu režģiem. Kategoriju (ādas kopšana/grims) sadalījums divās kolonnās ar vienādu attēlu attiecību (50/50) notiek bez redzamas robežas — tos atdala tikai līnija, kas savieno attēlus. Produktu katalogā tiek izmantots četru kolonnu kvadrātveida kāršu režģis uz #f7f7f7 audekla. Navigācija ir minimālistiska augšējā josla ar sekundāru reklāmas joslu virs tās. Atstarpes starp sadaļām ir diezgan lielas (64 pikseļi), bet pārejas starp sadaļām ir vienmērīgas — bez atdalītājiem vai mainīgām fona krāsām, izņemot silto kājeni. Kopējais ritms ir: fotogrāfija, teksts, fotogrāfija, režģis, fotogrāfija — kā pāršķirstot modes žurnālu.
Fotogrāfija ir dominējošā vizuālā valoda. Visu skatīšanās laukumu piepilda dzīvesstila attēli un portreti — silts zeltainas stundas apgaismojums, maigi ādas tuvplāni, rokas, kas tur produktu pudeles uz saules atspīduma fona. Fotogrāfiju krāsu palete ir silta un nepiesātināta: persiku debesis, terakotas ādas toņi, dziļi okeāna zilie toņi. Attēli vienmēr aizņem visu lapas virsmu, bez noapaļotiem stūriem, rāmjiem vai pārklājumiem, izņemot baltas teksta kartītes vai dzelteno logotipu. Produktu fotoattēli kataloga kartītēs ir uzņemti uz tīri balta, viengabalaina fona ar plakanu, vienmērīgu apgaismojumu. Attēlu un teksta attiecība ir aptuveni 70/30 — attēli pauž emocijas, teksts — funkciju. Nav ilustrāciju, nav abstraktas grafikas, nav 3D renderējumu.
Palete
Zīmols
- Glossier Yellow
#fff116— Dzeltenā krāsa tiek izmantota kā sekundārs akcents dekoratīvām detaļām un retāk izmantotu meklēšanas vaicājumu izcelšanai. To nevajadzētu izmantot kā galveno krāsu aicinājumam uz darbību.
Neitrāls
- Ink
#000000— Pamatteksts, navigācijas saites, pamatteksts, kājenes teksts, ikonu kontūras, plānas apmales; dominējošā tipogrāfiskā un strukturālā krāsa. - Paper
#ffffff— Produkta kartes virsmas, aizpildījuma laukumi, paceltie paneļi; spilgtākais virsmas līmenis kaudzē. - Fog
#f7f7f7— Lapas audekls, sadaļu foni, pārejas starp attēliem lapā; pamatvirsma, uz kuras atrodas visa tīmekļa vietne. - Blush
#faf2f4— Kājenes fons, maigi silti sadaļu atdalītāji; smalks rozīgi balts tonis piešķir siltumu lappušu apakšdaļai. - Mist
#f0f0f0— Gaiša atbalsta virsma neuzkrītoša fona izveidei un sadaļu atdalīšanai. To nevajadzētu izmantot kā galveno krāsu aicinājumam uz darbību. - Ash
#e8e8e8— Ievades lauku apmales, ikonu foni, plānas atdalītājlīnijas; strukturālās apmales krāsa kartēm un veidlapu elementiem.
Tipogrāfija
no 12 līdz 32 pikseļiem · 5 soļi
- Apercu — nomaiņa: Inter · kontūras 400, 500, 700 · Primārais burtveidols tiek izmantots visā lietotāja saskarnē — pamatteksts 16 pikseļi/400, navigācija un paraksti 12–14 pikseļi/500, apakšvirsraksti 20 pikseļi/500 un redakcijas virsraksti 32 pikseļi/700. Apercu ģeometriskais, humānistiskais dizains piešķir zīmolam koncentrētu, modernu stilu; gandrīz nulles burtu atstarpe (0,002–0,003 em) padara burtveidolu kompaktu un žurnālam līdzīgu, nevis gaisīgu vai draudzīgu. 700 punktu biezums ir paredzēts redaktoru sleju attēlojuma elementiem, nevis lietotāja interfeisa elementiem.
- Apercu Mono — nomaiņa: JetBrains Mono or IBM Plex Mono · kontūras 400 · Mikroutilitāra tipogrāfija pasūtījumu metadatiem, izsekošanas numuriem un etiķetēm blakus kodam; vienrindas versija rada tehnisku tekstūru proporcionālam ķermeņa tipam.
- GTStandard-M — nomaiņa: Inter · kontūras 400 · GTStandard-M — atrasts iegūtajos datos, bet mākslīgais intelekts to nav aprakstījis.
Intervāli un forma
| Mērķis | Nozīme |
|---|---|
| Blīvums | vidēji |
| Pamata solis | 8px |
| Pogas rādiuss | 0px |
| Kartes rādiuss | 0px |
| Ēnas | nē — robežas ēnu vietā |
| Starp sekcijām | 64px |
| Lapas platums | 1440px |
Mākslīgais intelekts izveidos jūsu vietni Glossier stilā un aizpildīs to
- Aizpildiet ar produktiem un ierakstiem, izmantojot saiti — Instagram, TikTok, Facebook.
- Pārsūtiet saturu no savas vecās vietnes — vienkārši norādiet adresi.
- Moderns dizains uz labākā dzinēja: React ( Next.js) ar servera renderēšanu un SEO optimizāciju uzreiz pēc instalēšanas.
- Pilnībā automatizēta SEO optimizācija meklēšanas rezultātiem un neironu tīkla ieteikumiem.
Līdzīgi stili
- Lightship — Kinematogrāfiska atklātā ceļa diorāma. Silti krēmkrāsas galerijas sienas rotā lielas ainavu fotogrāfijas, kas izvietotas nelielā attālumā, tievs melns burts, kas tik tikko redzams uz rāmjiem, un viens spilgti oranžs akcents, kas pārtrauc melno krāsu kā ugunskurs pļavā.
- Faire ES — siltā krēma vairumtirdzniecības katalogs
- Adanola — Redakcijas stila albums uz balta papīra. Modes fotosesija, kurā tipogrāfija un fotogrāfija elpo uz tīrām, baltām virsmām, ar melnu tinti burtveidolam un neuzkrītošu, raksturīgu sans-serif fontu (Favorit), kas atspoguļo zīmola kopējo stilu.
- Oura Ring — Mājīga auzu pārslu gatavošanas darbnīca maigā dienasgaismā
- Stykka — Skandināvu darbnīca baltā gaismā – klusa, roku darba izstāžu zāle, kur vienīgā balss ir fotogrāfija
- DJI — melns audekls ar vienu elektriski zilu akcentu
- Altitude Beverages — Vienkrāsains žurnāla atvērums. Iedomājieties modes žurnāla atvērumu, kurā nav nekādu krāsu, izņemot fotoattēlus — teksts un baltā telpa atklāj visu stāstu.
- AATHER — Atvērta plauksta, viena liesma - klusums, kas ietverts nekustībā
- Cowboy — Beļģijas velosipēdu galerija sniegbaltā porcelāna vidē. Izstāžu zāle, kur matētas virsmas, lieli fonti redakcionālajos materiālos un praktiski nekāda dekorācija piesaista uzmanību velosipēdam un tā saturam.
- Refero — Redakcijas makets uz balta marmora — tipogrāfa veidota produkta lapa, kur serifveida virsraksts ir zīmola vizītkarte, un viss pārējais ir neuzkrītošs.
- Face Formula — Skandināvu redakcionāls portrets. Mierīgs, žurnāla stila attēls, kur modeles skatiens un virsraksts, kas rakstīts ar saspiestu serif fontu, runā paši par sevi uz vēsa, miglaina fona.
- Shupatto — Muzeja vitrīna uz balta marmora