Glossier
Sesiwn tynnu lluniau heulwen - papur gwyn, inc du, un acen felyn llachar
Mae Glossier yn gweithredu fel cylchgrawn harddwch digidol: cynfas bron yn unlliw o wyn a du, wedi'i atalnodi gan un acen felyn bywiog sy'n gweithredu fel logo'r brand a'r unig alwad i weithredu. Mae'r system wedi'i chyfyngu'n olygyddol—penawdau Apercu gorfawr, digon o le testun, ffotograffiaeth ffordd o fyw tudalen lawn sy'n cario'r rhan fwyaf o'r pwysau emosiynol—ac yn ddefnyddiol o ran gweithredu: cardiau cynnyrch gwastad, ffiniau tenau, a diffyg addurniadau llwyr. Nid lliw brand eilaidd yw melyn; MAE'N Y brand, wedi'i ddefnyddio'n gynnil, fel bod pob ymddangosiad yn teimlo fel fflach camera. Mae popeth arall i fod i bylu i'r cefndir: mae niwtral yn llwydion cynnes gydag is-dôn gochi cynnil, mae ffiniau'n gynnil, ac mae'r teip yn ddwys ac yn gyddwys. Y canlyniad yw siop sy'n teimlo'n hyderus, yn danddatganedig, ac yn fodern heb gyfaddawd.
Mae'r dudalen yn cynnwys cyfres o adrannau sgrin lawn wedi'u trefnu'n fertigol, pob un wedi'i gynllunio fel taeniad golygyddol annibynnol. Mae'r brif adran yn llun lled llawn gyda gorchudd gwyn arnofiol (chwith uchaf) a logo melyn enfawr yn meddiannu gwaelod cyfan y dudalen. O dan y brif adran, mae adrannau'n newid rhwng delweddau sgrin lawn a gridiau o gardiau unigol. Mae rhannu categorïau (gofal croen/colur) yn ddwy golofn gyda chymhareb gyfartal o ddelweddau (50/50) yn digwydd heb ffin weladwy—dim ond llinell sy'n cysylltu'r delweddau sy'n eu gwahanu. Mae'r catalog cynnyrch yn defnyddio grid pedair colofn o gardiau sgwâr ar gynfas #f7f7f7. Mae llywio yn far uchaf minimalist gyda stribed hysbyseb eilaidd uwchben. Mae'r bylchau rhwng adrannau yn eithaf mawr (64px), ond mae'r trawsnewidiadau rhwng adrannau yn llyfn—heb ranwyr na lliwiau cefndir bob yn ail, ac eithrio'r droedyn cynnes. Y rhythm cyffredinol yw: ffotograff, testun, ffotograff, grid, ffotograff – fel troi trwy gylchgrawn ffasiwn.
Ffotograffiaeth yw'r iaith weledol ddominyddol. Mae'r ardal wylio gyfan yn llawn delweddau ffordd o fyw a phortreadau—goleuadau awr aur cynnes, lluniau agos meddal o groen, dwylo'n dal poteli cynnyrch yn erbyn cefndir o lewyrch yr haul. Mae'r palet lliw yn y ffotograffau yn gynnes ac yn ddirlawn: awyr eirin gwlanog, arlliwiau croen terracotta, glas dwfn y cefnfor. Mae delweddau bob amser yn meddiannu arwyneb cyfan y dudalen, heb gorneli crwn, fframiau na gorchuddion, ac eithrio cardiau testun gwyn neu'r logo melyn. Mae lluniau cynnyrch ar gardiau catalog yn cael eu tynnu yn erbyn cefndir gwyn pur di-dor gyda goleuadau gwastad, cyfartal. Mae'r gymhareb delwedd-i-destun tua 70/30—mae'r delweddau'n cyfleu emosiwn, y testun, swyddogaeth. Dim darluniau, dim graffeg haniaethol, dim rendradau 3D.
Palet
Brand
- Glossier Yellow
#fff116— Defnyddir melyn fel acen eilaidd ar gyfer manylion addurniadol ac i amlygu chwiliadau a ddefnyddir yn llai aml. Ni ddylid ei ddefnyddio fel y prif liw ar gyfer galwad i weithredu.
Niwtral
- Ink
#000000— Testun corff, dolenni llywio, testun cynradd, testun troedyn, amlinelliadau eiconau, ffiniau tenau; lliw teipograffig a strwythurol amlwg. - Paper
#ffffff— Arwynebau cardiau cynnyrch, ardaloedd llenwi, paneli wedi'u codi; y lefel arwyneb mwyaf disglair yn y pentwr. - Fog
#f7f7f7— Cynfas tudalen, cefndiroedd adrannau, trawsnewidiadau rhwng delweddau ar y dudalen; yr arwyneb sylfaenol y mae'r wefan gyfan wedi'i lleoli arno. - Blush
#faf2f4— Cefndir y troedyn, rhannwyr adrannau meddal cynnes; mae arlliw pinc-gwyn cynnil yn ychwanegu cynhesrwydd at waelod y tudalennau. - Mist
#f0f0f0— Arwyneb cefnogol ysgafn ar gyfer creu cefndir disylw a gwahanu adrannau. Ni ddylid ei ddefnyddio fel y prif liw ar gyfer yr alwad i weithredu. - Ash
#e8e8e8— Ffiniau meysydd mewnbwn, cefndiroedd eiconau, llinellau gwahanu tenau; lliw ffin strwythurol ar gyfer cardiau ac elfennau ffurflen.
Teipograffeg
o 12 i 32px · 5 cam
- Apercu — amnewid: Inter · amlinelliadau 400, 500, 700 · Defnyddir y prif ffont drwy gydol y rhyngwyneb defnyddiwr—copi corff ar 16px/400, llywio a chapsiynau ar 12–14px/500, is-benawdau ar 20px/500, a phenawdau golygyddol ar 32px/700. Mae dyluniad geometrig, dyneiddiol Apercu yn rhoi arddull fodern, gryno i'r brand; mae'r bylchau bron yn sero rhwng llythrennau (0.002–0.003em) yn gwneud y ffont yn gryno ac yn debyg i gylchgrawn, yn hytrach nag yn ysgafn na chyfeillgar. Mae'r pwysau 700 wedi'i gadw ar gyfer elfennau arddangos mewn erthyglau golygyddol, nid elfennau UI.
- Apercu Mono — amnewid: JetBrains Mono or IBM Plex Mono · amlinelliadau 400 · Teipograffeg micro-ddefnyddiadwy ar gyfer metadata archebion, rhifau olrhain, a labeli wrth ymyl y cod; mae'r fersiwn un-gofod yn creu gwead technegol yn erbyn math corff cyfrannol.
- GTStandard-M — amnewid: Inter · amlinelliadau 400 · GTStandard-M - Wedi'i ganfod yn y data a echdynnwyd ond heb ei ddisgrifio gan y deallusrwydd artiffisial.
Cyfnodau a ffurf
| Diben | Ystyr |
|---|---|
| Dwysedd | cyfartaledd |
| Cam sylfaenol | 8px |
| Radiws botwm | 0px |
| Radiws y cerdyn | 0px |
| Cysgodion | dim ffiniau yn lle cysgodion |
| Rhwng adrannau | 64px |
| Lled y dudalen | 1440px |
Bydd AI yn adeiladu eich gwefan yn null Glossier ac yn ei llenwi
- Llenwch gyda chynhyrchion a phostiadau trwy'r ddolen - Instagram, TikTok, Facebook.
- Trosglwyddo cynnwys o'ch hen wefan—nodwch y cyfeiriad yn unig.
- Dyluniad modern ar yr injan orau: React ( Next.js) gyda rendro gweinydd ac optimeiddio SEO yn syth ar y bocs.
- Optimeiddio SEO cwbl awtomataidd ar gyfer canlyniadau chwilio ac argymhellion rhwydwaith niwral.
Arddulliau tebyg
- Lightship — Diorama sinematig o'r ffordd agored. Waliau oriel hufen cynnes wedi'u haddurno â ffotograffau tirwedd mawr wedi'u gosod yn agos at ei gilydd, teip du tenau prin yn weladwy ar y fframiau, ac un acen oren llachar yn torri'r monocrom fel tân gwyllt mewn dôl.
- Faire ES — catalog cyfanwerthu o hufen cynnes
- Adanola — Llyfr golwg golygyddol ar bapur gwyn. Sesiwn ffasiwn lle mae teipograffeg a ffotograffiaeth yn anadlu ar arwynebau gwyn glân, gydag inc du ar gyfer y ffont a ffont sans-serif cynnil (Favorit), gan adlewyrchu arddull gyffredinol y brand.
- Oura Ring — Gweithdy gwneud blawd ceirch clyd, wedi'i ymdrochi yng ngolau dydd meddal
- Stykka — Gweithdy Sgandinafaidd mewn golau gwyn – ystafell arddangos dawel, wedi'i gwneud â llaw lle mai ffotograffiaeth yw'r unig lais
- DJI — cynfas du awyrofod gydag uchafbwynt glas trydan sengl
- Altitude Beverages — Cylchgrawn monocrom. Dychmygwch gylchgrawn ffasiwn heb unrhyw liw ac eithrio'r lluniau llonydd—mae'r testun a'r gofod gwyn yn adrodd y stori gyfan.
- AATHER — Palmwydd agored, fflam sengl - moethusrwydd tawel wedi'i gynnwys mewn llonyddwch
- Cowboy — Oriel feiciau o Wlad Belg mewn lleoliad porslen gwyn fel eira. Ystafell arddangos lle mae arwynebau matte, ffontiau mawr a ddefnyddir mewn deunyddiau golygyddol, a diffyg addurn bron yn tynnu'r llygad at y beic a'i gynnwys.
- Refero — Cynllun golygyddol ar farmor gwyn - tudalen gynnyrch a grëwyd gan deipograffydd, lle mae'r pennawd serif yn gerdyn galw'r brand, a phopeth arall yn ddisylw
- Face Formula — Portread golygyddol Sgandinafaidd. Lledaeniad tawel, arddull cylchgrawn, lle mae golwg y model a'r pennawd, wedi'i ysgrifennu mewn ffont serif cryno, yn siarad drostynt eu hunain yn erbyn cefndir oer, niwlog.
- Shupatto — Cas arddangos amgueddfa ar farmor gwyn