Modal
Fosfórljósandi stöð í dimmum netþjónsherbergi - eina ljósgjafinn er skærgrænn litur
Modal virkar eins og fosfórljómandi skjáborð í dimmum netþjónsherbergi: næstum svart strigi, fölgrænn letur og einn skær lime-grænn hlekkur sem virkar sem LED stöðuvísir. Hönnunarmálið er forritaramiðað - einbreið kóðagluggar með umferðarljósapunktum, ísómetrísk þrívíddartákn í einkennandi grænum lit og nóg af hvítu rými, sem gerir einum þætti í hverjum hluta kleift að glóa. Leturgerðin er skipt í sérsniðið letur (Goga) fyrir fyrirsagnir og breytilegt letur (Inter) fyrir alla notendaviðmótsþætti, bæði stillt með þröngri neikvæðri mælingu. Litirnir eru jafnt dreifðir: flestir skjáir eru akrómatískir og skær lime-græni liturinn birtist aðeins á lykilaðgerðum, merkinu, þrívíddarmyndum og augnablikum áherslu. Íhlutirnir eru flatir og rammalausir, með dýpt búin til með lúmskum grænum röndum og bakgrunnsþoku frekar en skuggum.
Glugginn notar dökkt útlit í fullri breidd með hámarksbreidd 1280px til að rúma efnið. Aðalglugginn er miðjaður: titillinn (fyrsta setningin í límgrænum lit), undirfyrirsögn, tvær aðgerðir og einn 3D hlutur sem sjónrænt akkeri - án þess að aðskilja útlitið frá hliðarstikunni. Efnishlutar fylgja samræmdum takti: augabrúnarmerki (hástafir, Moss 70) → Goga titill → daufur megintexti, síðan annað hvort tveggja dálka útlit með lýsingu á eiginleika (texti + kóði/sjónrænt kort) eða þriggja dálka rist af kortum. Bilin milli hluta eru rúmgóð - 80px. Síðan skiptist á milli djúpra, tómra (#000000) og örlítið ljósari bakgrunnsrönda (#181818), með einum ljósum hluta (#def0dd) sem birtist í miðri síðunni sem sjónrænt andardráttur. Leiðsögnin samanstendur af einni, föstum efri stiku með óskýrum bakgrunni - engin hliðarstika eða risavalmynd. Síðufóturinn er þéttur og dökkur, með daufgrænum tengladálkum. Þéttleikinn á textanum er þægilegur: hver hluti fær nægt pláss og spjaldanet nota ekki fleiri en þrjá dálka.
Myndmál Modal skiptist í tvo stillingar: þrívíddar glóandi vöruútgáfur og dökkar kóðagluggalíkön. Í brennidepli er einn þrívíddar teningur sem er útgefinn með markaðsbreytingalit (frá límgrænu til smaragðsgrænu), settur innan í geislalaga litbrigði sem baðar tóma rýmið í grænu ljósi - einkennandi sjónrænan stíl vörumerkisins. Vinnuálagsspjöld innihalda ísómetrískar þrívíddartáknmyndir (vírgrindateningur, samfelldur stigi, lög) sem eru útgefin í sama límgræna lit á dökkum bakgrunni. Kóði og viðmiðunarniðurstöður eru kynntar sem gluggaspjöld með umferðarljósum, einhliða setningafræðimerkingu í fosfórljómandi litapallettu og daufum grænum ramma - þau líkjast skjáskotum af raunverulegu skipanalínuviðmóti. Viðskiptavinamerki eru birt sem ómettuð græn-grár merki í einni röð með litlum birtuskilum, sem gefur til kynna traust án sjónrænnar samkeppni. Heildarþéttleikinn er lágur - flestar síður innihalda aðallega texta og myndir eru kynntar sem einstakir brennideplir frekar en ristar af ljósmyndum. Það eru engar ljósmyndir; allt sjónræna kerfið er útgefin, rúmfræðilega og geislandi.
Litatöflu
Vörumerki
- Lime Pulse
#7fee64— Helstu þættir fyrirtækjaímyndarinnar eru lógóið, aðalhvatning til aðgerða (CTA), merkingarfylling, virk stöður og grunnlitur myndskreytingarinnar.
Hlutlaus
- Phosphor White
#ddffdc— Aðaltextinn, litur titilsins, útlínur táknsins og fylltur hnappatexti eru aðal læsilegt yfirborð. - Void Black
#000000— Síðustrigi, dýpsta bakgrunnslagið - Ground Iron
#181818— Fylling aðalhnappa, kortfletir á dökkum svæðum, grunnfletur notendaviðmótsins. - Carbon Veil
#212525— Hækkað yfirborð, bakgrunnur siglinga, örlítið ljósari en jörð. - Circuit Border
#485346— Útlínur/draugaaðgerðarramminn, aðal gagnvirka þunna línan, er dauf grængrá litbrigði. - Phosphor Blue-Black
#1f2a33— Þunnar merkingarlínur sem skipta strokum á milli dökkra rönda.
Leturfræði
frá 12 til 64px · 8 skref
- Goga — skipti: Inter Tight or Space Grotesk · útlínur 400, 500 · Leturgerð fyrir fyrirsagnir og undirfyrirsagnir – Notað fyrir allar H1–H4 fyrirsagnir og kort. Goga er sérsniðið rúmfræðilegt sans-serif letur með þröngum opum og örlítið ferköntuðum enda. Meðalþykktin (500) er frátekin fyrir fyrirsagnir á kortastigi; venjuleg þykkt (400) er notuð fyrir aðal- og kaflafyrirsagnir. Til að fá aðgang að öðrum táknum sem skilgreina auðkenni Modal verður að virkja stílstillinguna 'ss01'. Neikvætt bil á milli stafa minnkar smám saman úr -0,007em við 48px í -0,017em við 21px.
- Inter Variable — skipti: Inter · útlínur 400, 500 · Notendaviðmót og meginmál – leiðsögn, hnappar, meginmál, merkimiðar, síðufótur. Sjálfgefið er að meðalþyngd (500) sé notuð fyrir gagnvirka þætti og leiðsögn; venjuleg (400) er notuð fyrir málsgreinar. Bil á milli stafa er greinilega minnkað jafnvel við litlar stærðir (-0,026em við 14px, -0,022em við 16px), sem gefur viðmótinu þéttleika sem er þéttastur. Fyrir aðra greinarmerki ætti að nota stafaafbrigðið 'cv11'. Hástafamerki við 12px nota +0,05em bil á milli stafa til að vega upp á móti þéttleika meginmálsins.
Millibil og form
| Tilgangur | Merking |
|---|---|
| Þéttleiki | meðaltal |
| Grunnskref | 20px |
| Hnapparadíus | 12px |
| Radíus korts | 8px |
| Skuggar | engin landamæri í stað skugga |
| Milli hluta | 80px |
| Síðubreidd | 1280px |
Gervigreind mun smíða vefsíðuna þína í stíl við Modal 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
- Slash — Miðnæturhvelfing með gullhúðuðum bókum
- AgentQL — Norðurljós yfir flugstöðinni að nóttu til
- GitHub — Stjórnborð í geimnum með stjórnpunktum sem lýsa upp lífrænt — dimmt, stemningsfullt vinnusvæði þar sem einn grænn ljómi bendir leiðina fram á við.
- Doppler — Fjólubláa lýsingin í hvelfingunni um miðnætti. Næstum svarti striginn glóir með einu lavender-ljósi og grænu staðfestingarljósi, hver fletur nógu boginn til að hægt sé að grípa hann.
- Basedash — Miðnættis gagnastöð með mattri leturgerð. Dökk stjörnustöð þar sem mælikvarðar glóa fjólubláum og grænum, fyrirsagnir með beygjum svífa yfir hávaðann og hvítir pillulaga hnappar eru einu björtu hlutirnir í herbergi með mjúkum svörtum fleti.
- Superwhisper — Norðurljósin hverfa yfir miðnætursglerinu
- Better Stack — Miðnættis SRE stjórnborð
- Langbase — Norðurljósastjórnborð um miðnætti
- Astro — Geimferðastjórn með einum fjólubláum ljóma frá þoku
- Wayfinder — Svartur kvikmyndaskjár með varla heyranlegum titli sem sveiflast yfir lifandi myndskreytingu. Viðmótið er birtuskilari frekar en stjórnborð.
- HashiCorp — Stjórnstöðin um miðnætti með fjólubláum neon er dökk tæknileg yfirborð þar sem glóandi sexhyrndur teningur þjónar sem eina litaviðmiðunin.
- Umbrel — Notaleg eldgryfja í næturherberginu — dimmt herbergi þar sem einn ferskjubjartur ljómi varpar ljósi á það sem raunverulega skiptir máli.