Superlist
'n Nagtelike werkruimte met koraalkooltjies - 'n stil eiervrug-app-oppervlak waar 'n enkele warm oranje vonk elke aksie aandui.
Superlist gebruik 'n produktiwiteitstaal in middernagtelike pers kleure: diep eiervrug, warm koraal as die enigste primêre kleur, en groot sans-serif opskrifte wat die hele atmosfeer vasvang. Die koppelvlak roep die gevoel van laatnag-gefokusde werk op – stil, gelaagd en selfversekerd, met kleur wat slegs as funksionele punktuasie op oproepe tot aksie, aktiewe toestande en sleutelpunte gebruik word. Oppervlaktes is gelaag in subtiele donker kleure met 'n pers ondertoon (#181824 → #26253b), en vermy suiwer swart om te verseker dat die diepte warm eerder as steriel voel. Komponente beskik oor ruim afgeronde vorms (20px-kaarte, pilknoppies), sagte skaduwees, en "asemhaal" deur gemaklike 10-16px-gapings eerder as stywe roosters. Die opskrif se stem is alles: 'n gewig van 600 punte teen 70-88px met 'n stywe letterspasiëring van -0.02em behandel die teks as tipografies eerder as gebruikerskoppelvlak – dit is nader aan redaksionele kopie as SaaS.
Donker afdelings strek oor die hele breedte van die bladsy, met gesentreerde inhoudhouers met maksimum breedte. Die hoofafdeling is vertikaal gesentreer en bevat 'n opskrif, subteks en 'n oproep tot aksie (CTA), gevolg deur 'n groot produkskermkiekie wat die volgende afdeling oorvleuel. Daaropvolgende afdelings wissel tussen gesentreerde teksblokke en kaartroosters. Die resensie-afdeling gebruik 'n driekolomrooster met resensiekaarte en 16 gote. Navigasie is 'n enkele boonste balk met 'n logo aan die linkerkant, gesentreerde skakels en aanmeldaksies aan die regterkant – geen vaste sybalk of mega-kieslys nie. Die gote tussen afdelings is ruim (16 gote), wat 'n ruim, redaksionele ritme skep eerder as 'n digte produkrooster.
Visuele ruimte word oorheers deur produkskermskote – ’n groot raam met afgeronde hoeke, wat die werklike toepassingskoppelvlak vertoon, vul die hoof- en sekondêre afdelings. Foto's is minimaal en word slegs as gebruikersavatars of voorskoue van in-toepassing-media gebruik (byvoorbeeld, die konsertbeeld in die regterpaneel van die produkmodel). Logo's op die vertrouensbalk is plat, gedempte wit tekssimbole. Daar is geen dekoratiewe illustrasies, geen abstrakte grafika, geen 3D-weergawes nie. Die visuele strategie is om die produk op skaal te vertoon, die tipografie die emosionele werk te laat doen en koraal as die enigste aksentkleur te gebruik.
Palet
Handelsmerk
- Coral Ember
#ff4a36— Oranje word as 'n sekondêre aksent vir dekoratiewe besonderhede gebruik en om ongereelde leidrade uit te lig. Dit moet nie as die primêre kleur vir oproepe tot aksie gebruik word nie.
Neutraal
- Aubergine Canvas
#181824— Die bladsyagtergrond, die hoofdoek, is 'n warm, donker skakering wat suiwer swart vervang, wat die gebruikerskoppelvlak gelaagd eerder as plat laat voorkom. - Elevated Plum
#26253b— Kaartoppervlaktes, invoervelde, navigasiehouers – een stap makliker as doek om diepte te skep sonder 'n sigbare grens. - Pure White
#ffffff— Hoofopskrifte, knoppieteks en ikoonomlyning – maksimum kontras op 'n donker doek. - Fog Text
#696f81— Die hoofteks, sekondêre opskrifte en gedempte rande het almal 'n kontrasverhouding van 7:1 vir gemaklike lees teen 'n eiervrugkleurige agtergrond. - Ash Text
#8e8da0— 'n Neutrale kleur word ondersteun vir sekondêre UI-elemente, verdelers en gedempte etikette. Dit moet nie as die primêre kleur vir oproepe tot aksie gebruik word nie. - Mist Highlight
#a3a3a7— Subtiele rande, verdelers en onaktiewe navigasie-elemente skep 'n subtiele neutrale toon wat steeds teen die doek uitstaan.
Tipografie
van 12 tot 88px · 9 stappe
- sans-serif — vervanging: Inter · buitelyne 400 · sans-serif - gevind in die onttrekte data, maar nie deur die KI beskryf nie.
- Haffer XH SemiBold — vervanging: Inter Tight · buitelyne 400, 600 · Die primêre lettertipe vir vertoon en opskrifte. Dit word gebruik teen 'n grootte van 70–88px vir hoofopskrifte met 'n letterspasiëring van -0.02em en 'n gewig van 600. Die nou letterspasiëring en groot letterhoogte gee die opskrifte 'n redaksionele gewig, wat die donker koppelvlak meer soos 'n tydskrifomslag as 'n paneelbord laat lyk. Vervang met Inter Tight of General Sans in 'n vetdruk.
- Jersey 10 — vervanging: Anybody · buitelyne 400 · 'n Groot, dekoratiewe lettertipe vir aksentnommers en hoogtepunte. Word spaarsamig gebruik met baie groot groottes om tipografiese aksente te skep. Kan vervang word met Anybody of Cabinet Grotesk.
Intervalle en vorm
| Doel | Betekenis |
|---|---|
| Digtheid | gemiddelde |
| Basiese stap | 10-16px |
| Knoppieradius | 100px |
| Kaartradius | 20px |
| Skaduwees | sagte skaduwees |
| Tussen afdelings | 80px |
| Bladsybreedte | 1200px |
KI sal jou webwerf in Superlist -styl bou en dit vul
- Vul met produkte en plasings via die skakel - Instagram, TikTok, Facebook.
- Dra inhoud van jou ou webwerf oor – spesifiseer net die adres.
- Moderne ontwerp op die beste enjin: React ( Next.js) met bedienerweergawe en SEO-optimalisering reg uit die boks.
- Volledig outomatiese SEO-optimering vir soekresultate en neurale netwerkaanbevelings.
Soortgelyke style
- DNA — Middernagsterrewag soos gesien deur 'n deeltjielens
- Abetterlou — Vonke op Sadelleer - 'n Warm romerige lettertipe wat gloei teen 'n diep koffieswart agtergrond, met amber-goud knoppies wat voel soos warm metaal wat in die bladsy gedruk word.
- Galileo-ft — 'n Diepruimte-beveldek met elektriese blou seine
- Decide AI — Sterrewag om middernag - muntsein
- Redis Agency — Die redaksionele werkswinkel, oop na-ure, is 'n pikdonker plek waar al die handelsmerkwerk met serif-lettertipes en 'n enkele rooi radys gedoen word.
- Spellbook — ’n Middernaghofsaal verlig met koraal-ink—’n donker redaksionele oppervlak waar die enigste geluid die warm oranje penstreep is
- Linear — middernag-presisie-instrument
- Origin Financial — 'n Middernaggalery van stil weelde. 'n Stil, amper donker kamer waar groot serif-lettertipes en 'n paar verligte gekleurde panele die gevoel skep dat finansies 'n sorgvuldig saamgestelde kunswerk is.
- Hyperstudio — Die ontwerp is in obsidiaan gekrap. Teks en fyn lyne raam 'n wit spasie van suiwer swart, met af en toe goue kompasmerke wat die pad aandui.
- Air — beeldhouwerk "Middernaglug Deur Glas"
- Raycast — Middernag-bevelsentrum, Coral Neon
- dope.security — Middernagterminaal met pers bakens