Glossier
Sólskinsmyndataka - hvítur pappír, svart blek, einn skærgulur hlekkur
Glossier virkar eins og stafrænt snyrtitímarit: næstum einlita strigi úr hvítu og svörtu, með einni, skærgulri áherslu sem jafnframt er merki vörumerkisins og eina hvatning til aðgerða. Kerfið er ritstjórnarlega takmarkað — ofurstórar Apercu fyrirsagnir, rúmt textapláss, heilsíðu lífsstílsljósmyndir sem bera meginþungann af tilfinningaþunganum — og hagnýtt í framkvæmd: flatar vörukort, þunnir rammar og algjört skortur á skreytingum. Gulur er ekki aukalitur vörumerkisins; hann ER vörumerkið, notaður sparlega, þannig að öll framkoma líður eins og myndavélarflass. Allt annað á að hverfa í bakgrunninn: hlutlausir litir eru hlýir gráir litir með lúmskum roða undirtón, rammarnir eru lúmskir og letrið er þétt og þjappað. Niðurstaðan er verslunargluggi sem er öruggur, látlaus og óbilandi nútímalegur.
Síðan sýnir lóðrétta röð af fullskjáshlutum, hver hannaður sem sjálfstæð ritstjórnarútbreiðsla. Aðalhlutinn er ljósmynd í fullri breidd með fljótandi hvítu yfirborði (efst til vinstri) og risavaxnu gulu merki sem nær yfir allan neðri hluta síðunnar. Fyrir neðan aðalhlutann skiptast hlutar á milli fullskjásmynda og rista af einstökum kortum. Skipting flokka (húðvörur/förðun) í tvo dálka með jöfnu hlutfalli mynda (50/50) á sér stað án sýnilegs ramma - aðeins lína sem tengir myndirnar aðskilur þær. Vörulistinn notar fjögurra dálka rist af ferköntuðum kortum á #f7f7f7 striga. Leiðsögnin er lágmarks efri súla með auka auglýsingarönd fyrir ofan hana. Bilin milli hlutanna eru frekar stór (64px), en skiptingin milli hluta er mjúk - án skiptinga eða víxlandi bakgrunnslita, nema fyrir hlýjan síðufót. Heildartakturinn er: ljósmynd, texti, ljósmynd, rist, ljósmynd - eins og að fletta í gegnum tískutímarit.
Ljósmyndun er ríkjandi sjónrænt tungumál. Allt sjónsvæðið er fullt af lífsstílsmyndum og andlitsmyndum — hlýrri gullnu stundarbirtu, mjúkum nærmyndum af húð, höndum sem halda á vöruflöskum á bakgrunni sólargeisla. Litapalletan í ljósmyndunum er hlý og ómettuð: ferskjublár himinn, terrakotta húðtónar, djúpblár hafsblár. Myndirnar fylla alltaf alla síðuflötinn, án ávölra horna, ramma eða yfirlagna, fyrir utan hvít textaspjöld eða gula merkið. Vörumyndir á vörulistaspjöldum eru teknar á hreinum hvítum, samfelldum bakgrunni með flatri, jafnri lýsingu. Hlutfall myndar og texta er um það bil 70/30 — myndirnar miðla tilfinningum, textinn, virkni. Engar myndskreytingar, engin abstrakt grafík, engar þrívíddarmyndir.
Litatöflu
Vörumerki
- Glossier Yellow
#fff116— Gulur litur er notaður sem aukahlekkur fyrir skreytingar og til að varpa ljósi á sjaldgæfari leitarfyrirspurnir. Hann ætti ekki að vera aðallitur fyrir aðgerðahvatningu.
Hlutlaus
- Ink
#000000— Megintexti, flakktenglar, aðaltexti, síðufótur, útlínur tákna, þunnir rammar; ríkjandi letur- og byggingarlitir. - Paper
#ffffff— Yfirborð vörukorta, fyllingarsvæði, upphækkaðir spjöld; bjartasta yfirborðið í staflanum. - Fog
#f7f7f7— Síðuyfirborð, bakgrunnur hluta, skiptingar milli mynda á síðunni; grunnflöturinn sem öll vefsíðan er staðsett á. - Blush
#faf2f4— Bakgrunnur síðufótar, mjúkir hlýir kaflaskiljuveggir; vægur bleikhvítur blær bætir hlýju við neðst á síðunum. - Mist
#f0f0f0— Létt stuðningsyfirborð til að búa til óáberandi bakgrunn og aðskilja hluta. Það ætti ekki að nota sem aðallit fyrir aðgerðahvatninguna. - Ash
#e8e8e8— Rammar innsláttarreita, bakgrunnur tákna, þunnar aðskilnaðarlínur; litur á ramma fyrir kort og eyðublöð.
Leturfræði
frá 12 til 32px · 5 skref
- Apercu — skipti: Inter · útlínur 400, 500, 700 · Aðal leturgerðin er notuð í öllu notendaviðmótinu — meginmálstexti er 16px/400, leiðsögn og myndatexti er 12–14px/500, undirfyrirsagnir eru 20px/500 og fyrirsagnir ritstjórnargreina er 32px/700. Rúmfræðileg og mannúðleg hönnun Apercu gefur vörumerkinu þéttan og nútímalegan stíl; nánast núll bil milli stafa (0,002–0,003em) gerir leturgerðina þétta og tímaritakennda, frekar en létt eða vinalega. Þyngdin 700 er frátekin fyrir birtingarþætti í ritstjórnargreinum, ekki notendaviðmótsþætti.
- Apercu Mono — skipti: JetBrains Mono or IBM Plex Mono · útlínur 400 · Ör-nytjatýpur fyrir pöntunarlýsigögn, rakningarnúmer og merkimiða við hliðina á kóðanum; einbreið útgáfan býr til tæknilega áferð á móti hlutfallslegri líkamsgerð.
- GTStandard-M — skipti: Inter · útlínur 400 · GTStandard-M - Finnst í útdregnum gögnum en ekki lýst af gervigreindinni.
Millibil og form
| Tilgangur | Merking |
|---|---|
| Þéttleiki | meðaltal |
| Grunnskref | 8px |
| Hnapparadíus | 0px |
| Radíus korts | 0px |
| Skuggar | engin landamæri í stað skugga |
| Milli hluta | 64px |
| Síðubreidd | 1440px |
Gervigreind mun smíða vefsíðuna þína í stíl við Glossier og fylla hana út
- Fyllið út vörur og færslur í gegnum tengilinn - Instagram, TikTok, Facebook.
- Flyttu efni af gömlu síðunni þinni — tilgreindu bara vefslóðina.
- Nútímaleg hönnun á bestu vélinni: React ( Next.js) með netþjónsútgáfu og SEO-bestun beint úr kassanum.
- Fullkomlega sjálfvirk SEO hagræðing fyrir leitarniðurstöður og tillögur að tauganetum.
Líkir stílar
- Lightship — Kvikmyndaleg díorama af opnum vegi. Hlýir, kremlitaðir galleríveggir skreyttir stórum landslagsljósmyndum með stuttu millibili, þunnum svörtum letri sem varla sést á römmunum og einum skærappelsínugulum blæ sem brýtur einlita litinn eins og varðeldur á túni.
- Faire ES — Heildsöluvörulista af heitum rjóma
- Adanola — Ritstjórnarútlitsbók á hvítum pappír. Tískumyndataka þar sem leturfræði og ljósmyndun anda á hreinum hvítum flötum, með svörtu bleki sem leturgerð og lúmskum einkennandi sans-serif leturgerð (Favorit), sem endurspeglar heildarstíl vörumerkisins.
- Oura Ring — Notaleg verkstæði í hafragrautsgerð, baðað í mjúkri dagsbirtu
- Stykka — Skandinavísk verkstæði í hvítu ljósi – rólegt, handgert sýningarsalur þar sem eina röddin er ljósmyndun
- DJI — Svartur geimferðastrigi með einum rafbláum áherslupunkti
- Altitude Beverages — Einlita tímaritsuppdráttur. Ímyndaðu þér tískutímaritsuppdrátt án allra lita nema ljósmyndanna – textinn og hvíta rýmið segja alla söguna.
- AATHER — Opinn lófi, einn logi - kyrrlátur lúxus sem innihélt kyrrð
- Cowboy — Belgískt reiðhjólasafn í snjóhvítu postulínsumhverfi. Sýningarsalur þar sem matt yfirborð, stór letur í ritstjórnarefni og nánast engin skreyting beina athyglinni að hjólinu og innihaldi þess.
- Refero — Ritstjórnarlegt útlit á hvítum marmara - vörusíða búin til af leturfræðingi, þar sem fyrirsögnin með serif-skriftinni er nafnspjald vörumerkisins og allt annað er óáberandi.
- Face Formula — Skandinavísk ritstjórnarmynd. Róleg, tímaritsstíls uppdráttur, þar sem augnaráð fyrirsætunnar og fyrirsögnin, skrifuð með þjöppuðu serif-letri, tala sínu máli á svöldum, þokukenndum bakgrunni.
- Shupatto — Sýningarskápur safnsins á hvítum marmara