Superlist
Një hapësirë pune natën me thëngjij korali - një sipërfaqe e qetë aplikimi me patëllxhan ku një shkëndijë e vetme e ngrohtë portokalli sinjalizon çdo veprim.
Superlist përdor një gjuhë produktiviteti në tone vjollce të mesnatës: patëllxhan i thellë, koral i ngrohtë si ngjyra e vetme kryesore dhe tituj të mëdhenj sans-serif që kapin të gjithë atmosferën. Ndërfaqja ngjall ndjesinë e punës së fokusuar natën vonë - e qetë, e shtresuar dhe e sigurt, me ngjyrën e përdorur vetëm si pikësim funksional në thirrjet për veprim, gjendjet aktive dhe pikat kyçe. Sipërfaqet janë të shtresuara në tone delikate të errëta me një nuancë vjollce (#181824 → #26253b), duke shmangur të zezën e pastër për të siguruar që thellësia të ndihet e ngrohtë dhe jo sterile. Komponentët kanë forma të rrumbullakosura bujare (karta 20px, butona tabletash), hije të buta dhe "frymëmarrje" përmes boshllëqeve të rehatshme 10-16px në vend të rrjetave të ngushta. Tingulli i titullit është gjithçka: një peshë prej 600 pikësh në 70-88px me hapësirë të ngushtë shkronjash prej -0.02em e trajton tekstin si tipografik sesa si UI - është më afër tekstit editorial sesa SaaS.
Seksionet e errëta përfshijnë të gjithë gjerësinë e faqes, me kontejnerë përmbajtjeje me gjerësi maksimale të përqendruar. Seksioni kryesor është vertikalisht i përqendruar dhe përmban një titull, nëntekst dhe thirrje për veprim (CTA), të ndjekur nga një pamje e madhe e ekranit të produktit që mbivendoset mbi seksionin tjetër. Seksionet pasuese alternojnë midis blloqeve të tekstit të përqendruar dhe rrjetave të kartave. Seksioni i rishikimeve përdor një rrjetë me tre kolona me karta rishikimi dhe 16 ndarje. Navigimi është një shirit i vetëm i sipërm me një logo në të majtë, lidhje të përqendruara dhe veprime hyrjeje në të djathtë - pa shirit anësor të fiksuar ose mega-menu. Ndarjet midis seksioneve janë të bollshme (16 ndarje), duke krijuar një ritëm të gjerë editorial në vend të një rrjete të dendur produktesh.
Hapësira vizuale dominohet nga pamjet e ekranit të produktit - një kornizë e madhe me qoshe të rrumbullakosura, që shfaq ndërfaqen aktuale të aplikacionit, mbush seksionet kryesore dhe dytësore. Fotot janë minimale, përdoren vetëm si avatarë përdoruesish ose pamje paraprake të mediave brenda aplikacionit (për shembull, imazhi i koncertit në panelin e djathtë të modelit të produktit). Logot në shiritin e besimit janë simbole teksti të sheshta dhe të zbehta të bardha. Nuk ka ilustrime dekorative, grafikë abstrakte, renderime 3D. Strategjia vizuale është të shfaqë produktin në shkallë të gjerë, të lejojë tipografinë të bëjë punën emocionale dhe të përdorë ngjyrën koral si ngjyrën e vetme theksuese.
Paletë
Markë
- Coral Ember
#ff4a36— Portokallia përdoret si një theks dytësor për detajet dekorative dhe për të nxjerrë në pah sinjalet e rralla. Nuk duhet të përdoret si ngjyra kryesore për thirrjet për veprim.
Neutral
- Aubergine Canvas
#181824— Sfondi i faqes, kanavaca kryesore, është një nuancë e ngrohtë dhe e errët që zëvendëson të zezën e pastër, duke e bërë ndërfaqen e përdoruesit të duket e shtresuar në vend që të duket e sheshtë. - Elevated Plum
#26253b— Sipërfaqet e kartave, fushat e hyrjes, kontejnerët e navigimit - një hap më i lehtë se kanavaca për të krijuar thellësi pa një kufi të dukshëm. - Pure White
#ffffff— Titujt kryesorë, teksti i butonave dhe skicat e ikonave - kontrast maksimal në një kanavacë të errët. - Fog Text
#696f81— Teksti kryesor, titujt dytësorë dhe kufijtë e zbehtë kanë të gjitha një raport kontrasti 7:1 për lexim të rehatshëm kundrejt një sfondi me ngjyrë patëllxhani. - Ash Text
#8e8da0— Një ngjyrë neutrale mbështetet për elementët dytësorë të ndërfaqes së përdoruesit, ndarësit dhe etiketat e heshtura. Nuk duhet të përdoret si ngjyra kryesore për thirrjet për veprim. - Mist Highlight
#a3a3a7— Kufijtë delikate, ndarësit dhe elementët joaktivë të navigimit krijojnë një ton neutral delikate që ende bie në sy në krahasim me kanavacën.
Tipografi
nga 12 në 88px · 9 hapa
- sans-serif — zëvendësim: Inter · skica 400 · sans-serif - gjendet në të dhënat e nxjerra, por nuk përshkruhet nga IA.
- Haffer XH SemiBold — zëvendësim: Inter Tight · skica 400, 600 · Fonti kryesor për shfaqjen dhe titujt. Përdoret me një madhësi prej 70–88px për titujt e heronjve me një hapësirë shkronjash prej -0.02em dhe një peshë prej 600. Hapësira e ngushtë midis shkronjave dhe lartësia e madhe e shkronjave u japin titujve një peshë editoriale, duke e bërë ndërfaqen e errët të duket më shumë si një kopertinë reviste sesa si një panel kontrolli. Zëvendësojeni me Inter Tight ose General Sans me një peshë të trashë.
- Jersey 10 — zëvendësim: Anybody · skica 400 · Një font i madh dekorativ për numrat e theksit dhe theksimet. Përdoret me kursim në madhësi shumë të mëdha për të krijuar thekse tipografike. Mund të zëvendësohet me Anybody ose Cabinet Grotesk.
Intervalet dhe forma
| Qëllimi | Kuptimi |
|---|---|
| Dendësia | mesatare |
| Hapi bazë | 10-16px |
| Rrezja e butonit | 100px |
| Rrezja e kartës | 20px |
| Hijet | hije të buta |
| Midis seksioneve | 80px |
| Gjerësia e faqes | 1200px |
IA do ta ndërtojë faqen tuaj të internetit në stilin Superlist dhe do ta mbushë atë
- Plotësoni me produkte dhe postime përmes linkut - Instagram, TikTok, Facebook.
- Transferoni përmbajtje nga faqja juaj e vjetër—thjesht specifikoni adresën.
- Dizajn modern në motorin më të mirë: React ( Next.js) me renderim të serverit dhe optimizim SEO që në fillim.
- Optimizim plotësisht i automatizuar i SEO-s për rezultatet e kërkimit dhe rekomandimet e rrjeteve nervore.
Stile të ngjashme
- DNA — Observatori i Mesnatës siç shihet përmes një lente grimcash
- Abetterlou — Shkëndija mbi lëkurë shale - Një font i ngrohtë kremoz që shkëlqen në një sfond të zi të thellë kafeje, me butona ngjyrë qelibar në të artë që ndihen si metal i nxehtë i shtypur në faqe.
- Galileo-ft — Një kuvertë komande në hapësirë të thellë me sinjale blu elektrike
- Decide AI — Observatori në mesnatë - sinjal i mentesë
- Redis Agency — Punëtoria editoriale, e hapur pas orarit të punës, është një vend krejtësisht i errët ku e gjithë puna e krijimit të markës bëhet me shkronja serif dhe një rrepkë të vetme të kuqe.
- Spellbook — Një sallë gjyqi në mesnatë e ndriçuar me bojë korali - një sipërfaqe e errët editoriale ku i vetmi tingull është goditja e ngrohtë e stilolapsit portokalli.
- Linear — instrument preciz i mesnatës
- Origin Financial — Një galeri mesnate plot bollëk të qetë. Një dhomë e qetë, pothuajse e errët, ku shkronja të mëdha serif dhe disa panele me ngjyra të ndriçuara krijojnë ndjesinë se financa është një vepër arti e kuruar me kujdes.
- Hyperstudio — Dizajni është i gdhendur në obsidian. Teksti dhe vijat e holla kornizojnë një hapësirë të bardhë me të zezë të pastër, me shenja të rastësishme të arta të busullës që tregojnë rrugën.
- Air — skulpturë "Qielli i Mesnatës Përmes Qelqit"
- Raycast — Qendra e Komandës së Mesnatës, Coral Neon
- dope.security — Terminal mesnate me fenerë vjollcë