Glossier
Sunbrila fotosesio - blanka papero, nigra inko, unu helflava akĉento
Glossier funkcias kiel cifereca belecrevuo: preskaŭ monokroma kanvaso el blanka kaj nigra, punktita de ununura, vigla flava akĉento, kiu duobliĝas kiel la emblemo de la marko kaj sola alvoko al ago. La sistemo estas redakcie modera - supergrandaj Apercu-titoloj, abunda tekstospaco, tutpaĝaj vivstilaj fotografioj, kiuj portas la plejparton de la emocia pezo - kaj utilisma en efektivigo: plataj produktokartoj, maldikaj randoj kaj kompleta manko de ornamaĵoj. Flava ne estas duaranga markkoloro; ĝi JA estas la marko, uzata ŝpareme, tiel ke ĉiu aspekto sentas kiel fotila fulmo. Ĉio alia celas fadi en la fonon: neŭtralaj koloroj estas varmaj grizoj kun subtila ruĝeca subtono, la randoj estas subtilaj, kaj la tiparo estas densa kaj kondensita. La rezulto estas butikfasado, kiu sentas sin memfida, modesta kaj senkompromise moderna.
La paĝo prezentas vertikale aranĝitan serion de plenekranaj sekcioj, ĉiu desegnita kiel memstara redakcia disvastiĝo. La ĉefa sekcio estas plenlarĝa foto kun ŝveba blanka paŭzo (supre maldekstre) kaj masiva flava emblemo okupanta la tutan fundon de la paĝo. Sub la ĉefa sekcio, sekcioj alternas inter plenekranaj bildoj kaj kradoj de individuaj kartoj. La divido de kategorioj (haŭtflegado/ŝminko) en du kolumnojn kun egala proporcio de bildoj (50/50) okazas sen videbla rando - nur linio konektanta la bildojn apartigas ilin. La produkta katalogo uzas kvarkolumnan kradon de kvadrataj kartoj sur kanvaso #f7f7f7. Navigado estas minimalista supra stango kun sekundara reklama strio supre. La interspacoj inter sekcioj estas sufiĉe grandaj (64 rastrumeroj), sed la transiroj inter sekcioj estas glataj - sen dividiloj aŭ alternaj fonkoloroj, krom la varma piedlinio. La ĝenerala ritmo estas: foto, teksto, foto, krado, foto - kvazaŭ foliumado de modmagazeno.
Fotografio estas la domina vida lingvo. La tuta rigarda areo estas plena de vivstilaj bildoj kaj portretoj - varma ora horlumo, molaj proksimaj bildoj de haŭto, manoj tenantaj produktobotelojn kontraŭ fono de suna brilego. La kolorpaletro en la fotoj estas varma kaj nesaturita: persikkoloraj ĉieloj, terakotaj haŭtnuancoj, profundaj oceanaj bluoj. Bildoj ĉiam okupas la tutan paĝsurfacon, sen rondaj anguloj, kadroj aŭ paŭsaĵoj, escepte de blankaj tekstaj kartoj aŭ la flava emblemo. Produktaj fotoj sur katalogaj kartoj estas fotitaj kontraŭ pure blanka senjunta fono kun plata, egala lumigado. La bildo-teksto-proporcio estas proksimume 70/30 - la bildoj transdonas emocion, la teksto, funkcion. Neniuj ilustraĵoj, neniuj abstraktaj grafikaĵoj, neniuj 3D-bildigoj.
Paletro
Marko
- Glossier Yellow
#fff116— Flava koloro estas uzata kiel dua akcento por ornamaj detaloj kaj por reliefigi malpli ofte uzatajn serĉdemandojn. Ĝi ne devus esti uzata kiel la ĉefa koloro por alvoko al ago.
Neŭtrala
- Ink
#000000— Korpoteksto, navigaciaj ligiloj, ĉefa teksto, piedlinio, konturoj de ikonoj, maldikaj randoj; domina preserara kaj struktura koloro. - Paper
#ffffff— Surfacoj de produktaj kartoj, plenigaj areoj, ŝvelintaj paneloj; la plej hela surfacnivelo en la stako. - Fog
#f7f7f7— Paĝkanvaso, sekciaj fonoj, transiroj inter bildoj sur la paĝo; la baza surfaco sur kiu la tuta retejo situas. - Blush
#faf2f4— Piednoto, molaj varmaj sekciaj dividiloj; subtila rozkolora blanka nuanco aldonas varmecon al la fundo de la paĝoj. - Mist
#f0f0f0— Malpeza subtena surfaco por krei diskretan fonon kaj apartigi sekciojn. Ĝi ne devus esti uzata kiel la ĉefa koloro por la alvoko al ago. - Ash
#e8e8e8— Limoj de enigokampoj, fonoj de ikonoj, maldikaj apartiglinioj; struktura limkoloro por kartoj kaj formularelementoj.
Tipografio
de 12 ĝis 32 rastrumeroj · 5 paŝoj
- Apercu — anstataŭaĵo: Inter · konturoj 400, 500, 700 · La ĉefa tiparo estas uzata tra la tuta uzulinterfaco — teksto je 16px/400, navigado kaj apudskriboj je 12–14px/500, subtitoloj je 20px/500, kaj ĉefartikoloj je 32px/700. La geometria, humanisma dezajno de Apercu donas al la marko koncizan, modernan stilon; la preskaŭ nula interspaco inter literoj (0.002–0.003em) igas la tiparon kompakta kaj revueca, anstataŭ aera aŭ amika. La pezo de 700 estas rezervita por ekranaj elementoj en ĉefartikoloj, ne por uzulinterfaco-elementoj.
- Apercu Mono — anstataŭaĵo: JetBrains Mono or IBM Plex Mono · konturoj 400 · Mikro-utilisma tipografio por mendaj metadatenoj, spuraj numeroj kaj etikedoj apud la kodo; la unu-spacigita versio kreas teknikan teksturon kontraŭ proporcia korpotipo.
- GTStandard-M — anstataŭaĵo: Inter · konturoj 400 · GTStandard-M - Trovita en la ĉerpitaj datumoj sed ne priskribita de la AI.
Intervaloj kaj formo
| Celo | Signifo |
|---|---|
| Denseco | averaĝa |
| Baza paŝo | 8px |
| Butona radiuso | 0px |
| Karto-radiuso | 0px |
| Ombroj | ne - limoj anstataŭ ombroj |
| Inter sekcioj | 64px |
| Paĝlarĝo | 1440px |
AI konstruos vian retejon laŭ la stilo de Glossier kaj plenigos ĝin
- Plenigu per produktoj kaj afiŝoj per la ligilo - Instagram, TikTok, Facebook.
- Transdonu enhavon de via malnova retejo — nur specifu la adreson.
- Moderna dezajno sur la plej bona motoro: React ( Next.js) kun servila bildigo kaj SEO-optimigo tuj uzeblaj.
- Plene aŭtomatigita SEO-optimigo por serĉrezultoj kaj rekomendoj pri neŭralaj retoj.
Similaj stiloj
- Lightship — Kinematografia dioramo de la malferma vojo. Varmaj kremkoloraj galeriomuroj ornamitaj per grandaj pejzaĝaj fotoj muntitaj je proksimaj intervaloj, maldika nigra tiparo apenaŭ videbla sur la kadroj, kaj ununura brile oranĝa akcento rompanta la monokromon kiel ĝojfajro en herbejo.
- Faire ES — pogranda katalogo de varma kremo
- Adanola — Redakcia aspektolibro sur blanka papero. Modsesio kie tipografio kaj fotografio spiras sur puraj blankaj surfacoj, kun nigra inko por la tiparo kaj subtila signatura sanserifa tiparo (Favorit), reflektante la ĝeneralan stilon de la marko.
- Oura Ring — Agrabla avenkaĉa metiejo, banita en mola taglumo
- Stykka — Skandinava metiejo en blanka lumo - trankvila, manfarita ekspoziciejo kie la sola voĉo estas fotografio
- DJI — aerspaca nigra kanvaso kun ununura elektra blua reliefigo
- Altitude Beverages — Monokroma revuo-paĝo. Imagu modmagazenan paĝon senigitan je ĉia koloro krom la senmovaj fotoj — la teksto kaj blanka spaco rakontas la tutan historion.
- AATHER — Malfermita manplato, ununura flamo - trankvila lukso enhavita en trankvileco
- Cowboy — Belga bicikla galerio en neĝblanka porcelana aranĝo. Ekspoziciejo kie mataj surfacoj, grandaj tiparoj uzitaj en redakciaj materialoj, kaj preskaŭ manko de ornamado altiras la atenton al la biciklo kaj ĝia enhavo.
- Refero — Redakcia aranĝo sur blanka marmoro - produkta paĝo kreita de tipografo, kie la serifa titolo estas la vizitkarto de la marko, kaj ĉio alia estas diskreta
- Face Formula — Skandinava redakcia portreto. Trankvila, revua stilo, kie la rigardo de la modelo kaj la fraptitolo, skribitaj per densigita serifa tiparo, parolas por si mem kontraŭ malvarmeta, nebula fono.
- Shupatto — Muzea vitrino sur blanka marmoro