Superlist
Éjszakai munkaterület korallparázsral – egy csendes padlizsánszínű alkalmazásfelület, ahol egyetlen meleg narancssárga szikra jelzi minden mozdulatot.
A Superlist éjlila tónusú produktivitási nyelvet használ: mély padlizsánvörös, meleg korall az egyetlen elsődleges szín, és nagy, talp nélküli címsorok, amelyek megragadják az egész hangulatot. A felhasználói felület az éjszakai, fókuszált munka érzetét kelti – csendes, rétegzett és magabiztos, a színeket csak funkcionális írásjelként használják a cselekvésre ösztönzéseknél, az aktív állapotoknál és a kulcsfontosságú pontoknál. A felületeket finom, sötét tónusokban rétegezik, lila árnyalattal (#181824 → #26253b), kerülve a tiszta feketét, hogy a mélység melegnek, ne pedig sterilnek tűnjön. Az összetevők nagylelkű, lekerekített formákat (20 képpontos kártyák, tablettagombok), lágy árnyékokat tartalmaznak, és „lélegznek” a kényelmes 10-16 képpontos réseken keresztül, a szoros rácsok helyett. A címsor hangja mindent elmond: a 600 pontos súly 70-88 képponton, szoros, -0,02em betűközzel, a szöveget tipográfiailag kezeli, nem pedig felhasználói felületként – közelebb áll a szerkesztői szöveghez, mint a SaaS-hoz.
A sötét részek az oldal teljes szélességét kitöltik, középre igazított, maximális szélességű tartalomtárolókkal. A fő rész függőlegesen középre igazított, és címsort, alszöveget és cselekvésre ösztönzést (CTA) tartalmaz, majd egy nagyméretű termék képernyőképe fedi át a következő részt. A következő részek váltakoznak a középre igazított szövegblokkok és a kártyarácsok között. Az értékelések rész egy háromoszlopos rácsot használ értékelési kártyákkal és 16 kötőjellel. A navigáció egyetlen felső sáv, bal oldalon egy logóval, jobb oldalon középre igazított linkekkel és bejelentkezési műveletekkel – nincs fix oldalsáv vagy mega-menü. A részek közötti kötőjelek nagyméretűek (16 kötőjel), ami tágas, szerkesztői ritmust hoz létre egy sűrű termékrács helyett.
A vizuális teret a termék képernyőképei uralják – a fő és a másodlagos részeket egy nagy, lekerekített sarkú keret tölti ki, amely az alkalmazás tényleges felületét mutatja. A fotók minimálisak, csak felhasználói avatárként vagy alkalmazáson belüli média előnézeteként használják őket (például a koncert képe a termék mockupjának jobb oldali paneljén). A megbízhatósági sávon található logók lapos, tompa fehér szöveges szimbólumok. Nincsenek dekoratív illusztrációk, nincsenek absztrakt grafikák, nincsenek 3D-s renderelések. A vizuális stratégia az, hogy a terméket méretarányosan mutassák be, hagyják, hogy a tipográfia végezze az érzelmi munkát, és a korall színt használják egyedüli hangsúlyozó színként.
Paletta
Márka
- Coral Ember
#ff4a36— A narancssárga másodlagos hangsúlyként szolgál dekoratív részleteknél és ritka jelzések kiemelésére. Nem szabad elsődleges színként használni cselekvésre ösztönzésekhez.
Semleges
- Aubergine Canvas
#181824— Az oldal háttere, a fő vászon, egy meleg, sötét árnyalat, amely a tiszta fekete helyett a felhasználói felületet rétegzetté, lapos helyett inkább színeződővé teszi. - Elevated Plum
#26253b— Kártyafelületek, beviteli mezők, navigációs konténerek – egy lépéssel könnyebb mélységet létrehozni látható határok nélkül, mint a vászonnal. - Pure White
#ffffff— Főcímsorok, gombszövegek és ikonkörvonalak – maximális kontraszt sötét vásznon. - Fog Text
#696f81— A fő szöveg, a másodlagos címsorok és a tompa szegélyek – 7:1 kontrasztarány a kényelmes olvasás érdekében padlizsánszínű háttér előtt. - Ash Text
#8e8da0— A semleges szín támogatott a másodlagos felhasználói felület elemeihez, elválasztókhoz és elnémított címkékhez. Nem szabad elsődleges színként használni a cselekvésre ösztönzésekhez. - Mist Highlight
#a3a3a7— A finom szegélyek, elválasztók és inaktív navigációs elemek finom semleges tónust hoznak létre, amely mégis kiemelkedik a vászonból.
Tipográfia
12-től 88 képpontig · 9 lépésben
- sans-serif — csere: Inter · körvonalak 400 · sans-serif – megtalálható a kinyerett adatokban, de a mesterséges intelligencia nem írja le.
- Haffer XH SemiBold — csere: Inter Tight · körvonalak 400, 600 · A megjelenítés és a címsorok elsődleges betűtípusa. 70–88 képpontos méretben, -0,02em betűközzel és 600-as betűvastagsággal használják főcímsorokhoz. A keskeny betűköz és a nagy betűmagasság szerkesztői súlyt ad a címsoroknak, így a sötét felület inkább magazinborítóra, mint műszerfalra hasonlít. Cserélje le Inter Tight vagy General Sans betűtípusra félkövér betűvastagságban.
- Jersey 10 — csere: Anybody · körvonalak 400 · Nagyméretű, dekoratív betűtípus számok és kiemelések kiemeléséhez. Nagyon nagy méreteknél ritkán használják tipográfiai díszítések létrehozására. Helyettesíthető Anybody vagy Cabinet Grotesk betűtípussal.
Intervallumok és forma
| Cél | Jelentés |
|---|---|
| Sűrűség | átlagos |
| Alapvető lépés | 10-16px |
| Gomb sugara | 100px |
| Kártya sugara | 20px |
| Árnyékok | lágy árnyékok |
| Szakaszok között | 80px |
| Oldal szélessége | 1200px |
A mesterséges intelligencia Superlist stílusban fogja elkészíteni a weboldaladat, és kitölti azt.
- Töltsd fel termékeidet és posztjaidat a linkeken keresztül - Instagram, TikTok, Facebook.
- Tartalom átvitele régi webhelyéről – csak adja meg a címet.
- Modern dizájn a legjobb keresőmotoron: React ( Next.js) szerveralapú rendereléssel és SEO optimalizálással, azonnal használható formában.
- Teljesen automatizált SEO optimalizálás a keresési eredményekhez és a neurális hálózati ajánlásokhoz.
Hasonló stílusok
- DNA — Éjféli Obszervatórium részecskelencsén keresztül nézve
- Abetterlou — Sparks on Saddle Leather – meleg, krémes betűtípus, amely mély kávéfekete háttér előtt ragyog, borostyánszínű-arany gombokkal, amelyek olyan érzést keltenek, mintha forró fémet nyomnának az oldalra.
- Galileo-ft — Egy mélyűri parancsnoki fedélzet elektromos kék jelzőkkel
- Decide AI — Éjféli csillagvizsgáló - verhetetlen jelzés
- Redis Agency — A zárás után is nyitva tartó szerkesztői műhely egy koromsötét hely, ahol az összes arculati munkát talpas betűtípusok és egyetlen piros retek végzik.
- Spellbook — Egy éjféli tárgyalóterem, korallszínű tintával megvilágítva – egy sötét szerkesztői felület, ahol az egyetlen hang a meleg narancssárga tollvonás zaja
- Linear — éjféli precíziós műszer
- Origin Financial — Egy éjféli galéria a csendes fényűzésről. Egy csendes, szinte sötét terem, ahol a nagy talpas betűtípusok és néhány megvilágított színes panel azt az érzetet kelti, mintha a pénzügy egy gondosan válogatott műalkotás lenne.
- Hyperstudio — A minta obszidiánba van karcolva. A szöveg és a finom vonalak keretezik a tiszta fekete fehér területet, helyenként arany iránytűjelekkel jelezve az utat.
- Air — "Éjféli égbolt üvegen keresztül" szobor
- Raycast — Éjféli Parancsnoki Központ, Coral Neon
- dope.security — Éjféli terminál lila jelzőfényekkel