Superlist
Næturvinnusvæði með kóralglóðum — rólegt yfirborð eins og eggaldin þar sem einn hlýr appelsínugulur neisti gefur til kynna hverja aðgerð.
Superlist notar framleiðnimál í miðnæturfjólubláum tónum: djúpur eggaldinblár, hlýr kórallblár sem eini aðalliturinn og stórar sans-serif fyrirsagnir sem fanga allt andrúmsloftið. Viðmótið vekur upp tilfinningu fyrir einbeittri vinnu seint á kvöldin - rólegt, lagskipt og öruggt, þar sem litir eru eingöngu notaðir sem hagnýt greinarmerki í aðgerðahvatningum, virkum stöðum og lykilatriðum. Yfirborð eru lögð í fínlegum dökkum tónum með fjólubláum undirtóni (#181824 → #26253b), forðast hreint svart til að tryggja að dýptin finnist hlý frekar en dauðhreinsuð. Íhlutirnir eru með rausnarlegum, ávölum formum (20px kort, pilluhnappar), mjúkum skuggum og „öndun“ í gegnum þægileg 10-16px bil frekar en þröng rist. Rödd fyrirsagnarinnar er allt: 600 punkta þyngd við 70-88px með þröngu bili á milli stafa, -0.02em, meðhöndlar textann sem leturgerð frekar en notendaviðmót - það er nær ritstjórnartexta en SaaS.
Dökkir hlutar spanna alla breidd síðunnar, með miðjuðum efnisílátum með hámarksbreidd. Aðalhlutinn er lóðrétt miðjuður og inniheldur fyrirsögn, undirtexta og aðgerðahvatningu (CTA), og síðan stórt skjámynd af vörunni sem skarast við næsta hluta. Síðari hlutar skiptast á milli miðjuðra textablokka og spjaldaneta. Umsagnahlutinn notar þriggja dálka rist með umsagnaspjöldum og 16 millibilum. Leiðsögnin er ein efri stika með merki vinstra megin, miðjuðum tenglum og innskráningaraðgerðum hægra megin — engin föst hliðarstika eða risavalmynd. Millibilin milli hlutanna eru rúmgóð (16 millibil), sem skapar rúmgóðan, ritstjórnarlegan takt frekar en þétt vörunet.
Sjónrænt rými er ríkjandi af skjáskotum af vörunni — stór rammi með ávölum hornum, sem sýnir raunverulegt viðmót appsins, fyllir aðal- og aukahlutann. Myndirnar eru í lágmarki og eru eingöngu notaðar sem prófílmyndir notenda eða forsýningar á efni í appinu (til dæmis myndin af tónleikum hægra megin á vöruuppdráttinum). Lógóin á trauststikunni eru flöt, dauf hvít textatákn. Það eru engar skreytingarmyndir, engin abstrakt grafík, engar þrívíddarmyndir. Sjónræna stefnan er að sýna vöruna í réttum stærðargráðu, láta leturgerðina vinna tilfinningalega verkið og nota kórall sem eina áherslulitinn.
Litatöflu
Vörumerki
- Coral Ember
#ff4a36— Appelsínugulur er notaður sem aukahlekkur fyrir skreytingar og til að draga fram óvenjulegar vísbendingar. Hann ætti ekki að vera aðallitur fyrir hvatningar til aðgerða.
Hlutlaus
- Aubergine Canvas
#181824— Bakgrunnur síðunnar, aðalstriginn, er hlýr, dökkur litur sem kemur í staðinn fyrir hreint svart, sem gerir það að verkum að notendaviðmótið virðist lagskipt frekar en flatt. - Elevated Plum
#26253b— Kortyfirborð, innsláttarreitir, flakkgámar - eitt skref auðveldara en strigi til að skapa dýpt án sýnilegra marka. - Pure White
#ffffff— Aðalfyrirsagnir, hnappatexti og útlínur tákna — hámarks birtuskil á dökku striga. - Fog Text
#696f81— Aðaltextinn, aukafyrirsagnir og dauf rammar eru allir með 7:1 birtuskilhlutfalli sem gerir lestur þægilegan á bak við eggaldinlitaðan bakgrunn. - Ash Text
#8e8da0— Hlutlaus litur er studdur fyrir aukaþætti notendaviðmóts, skilrúm og þögguð merki. Hann ætti ekki að vera aðallitur fyrir aðgerðahvatningar. - Mist Highlight
#a3a3a7— Fínlegir rammar, skilrúm og óvirkir flakkþættir skapa fínlegan hlutlausan tón sem sker sig samt úr á striganum.
Leturfræði
frá 12 til 88px · 9 skref
- sans-serif — skipti: Inter · útlínur 400 · sans-serif - finnst í útdregnum gögnum en ekki lýst af gervigreindinni.
- Haffer XH SemiBold — skipti: Inter Tight · útlínur 400, 600 · Aðal leturgerðin fyrir birtingu og fyrirsagnir. Hún er notuð í stærðinni 70–88px fyrir aðalfyrirsagnir með bili á milli stafa -0,02em og þyngd 600. Þröngt bil á milli stafa og stór hæð á stafi gefa fyrirsögnunum ritstjórnarlegt vægi, sem gerir það að verkum að dökka viðmótið lítur meira út eins og tímaritsforsíða en mælaborð. Skiptið út fyrir Inter Tight eða General Sans í feitletraðri þyngd.
- Jersey 10 — skipti: Anybody · útlínur 400 · Stórt, skrautlegt letur fyrir áherslur og áherslur. Notað sparlega í mjög stórum stærðum til að búa til leturfræðilegar áherslur. Hægt er að skipta út fyrir Anybody eða Cabinet Grotesk.
Millibil og form
| Tilgangur | Merking |
|---|---|
| Þéttleiki | meðaltal |
| Grunnskref | 10-16px |
| Hnapparadíus | 100px |
| Radíus korts | 20px |
| Skuggar | mjúkir skuggar |
| Milli hluta | 80px |
| Síðubreidd | 1200px |
Gervigreind mun smíða vefsíðuna þína í stíl við Superlist 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
- DNA — Miðnæturstjörnustöð séð í gegnum öreindalinsu
- Abetterlou — Sparks on Saddle Leather - hlýtt, rjómalagt letur sem glóar á djúpum kaffisvörtum bakgrunni, með gulleitum hnöppum sem finnast eins og heitur málmur þrýst inn í síðuna.
- Galileo-ft — Stjórnstöð djúpgeimsins með rafbláum merkjum
- Decide AI — Stjörnustöð á miðnætti - merki um góðan árangur
- Redis Agency — Ritstjórnarverkstæðið, sem er opið eftir lokun, er kolniðamyrkur staður þar sem allt vörumerkjastarf er unnin með serif-leturgerðum og einni rauðri radísu.
- Spellbook — Miðnættisréttarsalur upplýstur með kórallbleki — dimmur ritstjórnarflötur þar sem eina hljóðið er hlýr appelsínugulur pennastrik
- Linear — Nákvæmnismælir fyrir miðnætti
- Origin Financial — Miðnæturgallerí af kyrrlátri auðlegð. Kyrrlátt, næstum dimmt herbergi þar sem stórir, serif-letur og nokkrir upplýstir, litríkir spjöld skapa þá tilfinningu að fjármál séu vandlega valið listaverk.
- Hyperstudio — Hönnunin er rispuð í obsidian. Texti og fínar línur ramma inn hvítt svæði úr hreinu svörtu, með einstaka gullnum áttavitamerkjum sem benda leiðina.
- Air — Skúlptúrinn „Miðnætti í gegnum gler“
- Raycast — Miðnættis stjórnstöð, Coral Neon
- dope.security — Miðnætursstöð með fjólubláum ljósabeikonum