Superlist
Noćni radni prostor s koraljnim žarom - tiha površina aplikacije boje patlidžana gdje jedna topla narančasta iskra signalizira svaku akciju
Superlist koristi jezik produktivnosti u ponoćno ljubičastim tonovima: tamna patlidžan, topla koraljna kao jedina primarna boja i veliki naslovi bez serifa koji obuhvataju cijelu atmosferu. Interfejs evocira osjećaj rada fokusiranog na kasnonoćne aktivnosti - tih, slojevit i samouvjeren, s bojom koja se koristi samo kao funkcionalna interpunkcija na pozivima na akciju, aktivnim stanjima i ključnim tačkama. Površine su slojevite u suptilnim tamnim tonovima s ljubičastim podtonom (#181824 → #26253b), izbjegavajući čistu crnu kako bi se osiguralo da dubina djeluje toplo, a ne sterilno. Komponente imaju velikodušne zaobljene oblike (kartice od 20px, dugmad za tablete), meke sjene i "dišu" kroz udobne razmake od 10-16px, a ne kroz uske mreže. Glas naslova je sve: težina od 600 bodova na 70-88px s uskim razmakom između slova od -0,02em tretira tekst kao tipografski, a ne kao korisnički interfejs - bliži je uredničkom tekstu nego SaaS-u.
Tamni odjeljci se protežu cijelom širinom stranice, sa centriranim kontejnerima sadržaja maksimalne širine. Glavni odjeljak je vertikalno centriran i sadrži naslov, podtekst i poziv na akciju (CTA), nakon čega slijedi veliki snimak ekrana proizvoda koji se preklapa sa sljedećim odjeljkom. Naknadni odjeljci se izmjenjuju između centriranih blokova teksta i mreža kartica. Odjeljak za recenzije koristi mrežu s tri kolone s karticama za recenzije i 16 rubova. Navigacija je jedna gornja traka s logotipom s lijeve strane, centriranim linkovima i radnjama prijave s desne strane - bez fiksne bočne trake ili mega-menija. Rupi između odjeljaka su velikodušni (16 rubova), stvarajući prostran, urednički ritam, a ne gustu mrežu proizvoda.
Vizuelnim prostorom dominiraju snimci ekrana proizvoda - veliki okvir sa zaobljenim uglovima, koji prikazuje stvarni interfejs aplikacije, ispunjava glavni i sekundarni dio. Fotografije su minimalne, koriste se samo kao korisnički avatari ili pregledi medija u aplikaciji (na primjer, slika koncerta u desnom panelu makete proizvoda). Logotipi na traci povjerenja su ravni, prigušeni bijeli tekstualni simboli. Nema dekorativnih ilustracija, nema apstraktne grafike, nema 3D rendera. Vizuelna strategija je prikazati proizvod u velikom obimu, pustiti tipografiju da obavi emocionalni posao i koristiti koraljnu kao jedinu akcentnu boju.
Paleta
Brend
- Coral Ember
#ff4a36— Narandžasta se koristi kao sekundarni akcenat za dekorativne detalje i za isticanje rijetkih znakova. Ne bi se trebala koristiti kao primarna boja za pozive na akciju.
Neutralno
- Aubergine Canvas
#181824— Pozadina stranice, glavno platno, je topla, tamna nijansa koja zamjenjuje čisto crnu, čineći da korisnički interfejs izgleda slojevito, a ne ravno. - Elevated Plum
#26253b— Površine kartica, polja za unos, kontejneri za navigaciju - korak lakše od platna za kreiranje dubine bez vidljivih granica. - Pure White
#ffffff— Glavni naslovi, tekst dugmadi i obrisi ikona - maksimalni kontrast na tamnom platnu. - Fog Text
#696f81— Glavni tekst, sekundarni naslovi i prigušeni okviri imaju kontrastni omjer 7:1 za ugodno čitanje na pozadini boje patlidžana. - Ash Text
#8e8da0— Neutralna boja je podržana za sekundarne UI elemente, razdjelnike i prigušene oznake. Ne bi se trebala koristiti kao primarna boja za pozive na akciju. - Mist Highlight
#a3a3a7— Suptilne granice, razdjelnici i neaktivni elementi navigacije stvaraju suptilan neutralni ton koji se i dalje ističe na platnu.
Tipografija
od 12 do 88px · 9 koraka
- sans-serif — zamjena: Inter · obrisi 400 · sans-serif - pronađen u izdvojenim podacima, ali ga vještačka inteligencija nije opisala.
- Haffer XH SemiBold — zamjena: Inter Tight · obrisi 400, 600 · Primarni font za prikaz i naslove. Koristi se u veličini od 70–88px za glavne naslove s razmakom između slova od -0,02em i težinom od 600. Uzak razmak između slova i velika visina slova daju naslovima uredničku težinu, zbog čega tamni interfejs više liči na naslovnicu časopisa nego na kontrolnu ploču. Zamijenite sa Inter Tight ili General Sans podebljanim fontom.
- Jersey 10 — zamjena: Anybody · obrisi 400 · Veliki, dekorativni font za naglašene brojeve i isticanja. Koristi se štedljivo u vrlo velikim veličinama za stvaranje tipografskih akcenata. Može se zamijeniti fontovima Anybody ili Cabinet Grotesk.
Intervali i forma
| Svrha | Značenje |
|---|---|
| Gustoća | prosjek |
| Osnovni korak | 10-16px |
| Radijus dugmeta | 100px |
| Radijus kartice | 20px |
| Sjene | meke sjene |
| Između sekcija | 80px |
| Širina stranice | 1200px |
Vještačka inteligencija će izgraditi vašu web stranicu u Superlist stilu i popuniti je
- Popunite proizvodima i objavama putem linka - Instagram, TikTok, Facebook.
- Prenesite sadržaj sa vaše stare stranice - samo navedite adresu.
- Moderan dizajn na najboljem engine-u: React ( Next.js) sa serverskim renderovanjem i SEO optimizacijom odmah po instalaciji.
- Potpuno automatizirana SEO optimizacija za rezultate pretrage i preporuke neuronskih mreža.
Slični stilovi
- DNA — Ponoćna opservatorija viđena kroz čestično sočivo
- Abetterlou — Iskre na koži sedla - topli kremasti font koji sjaji na dubokoj crnoj pozadini boje kafe, s jantarno-zlatnim dugmadima koja se osjećaju kao vrući metal utisnut u stranicu.
- Galileo-ft — Komandna paluba dubokog svemira sa električno plavim signalima
- Decide AI — Opservatorija u ponoć - odličan signal
- Redis Agency — Urednička radionica, otvorena nakon radnog vremena, je mrkli mrkli mrak gdje se sav posao brendiranja obavlja serifnim fontovima i jednom crvenom rotkvom.
- Spellbook — Ponoćna sudnica osvijetljena koraljnom tintom - tamna urednička površina gdje je jedini zvuk topli narandžasti potez perom
- Linear — instrument preciznosti u ponoć
- Origin Financial — Ponoćna galerija tihe raskoši. Tiha, gotovo mračna soba u kojoj veliki serifni fontovi i nekoliko osvijetljenih obojenih panela stvaraju osjećaj da su financije pažljivo odabrano umjetničko djelo.
- Hyperstudio — Dizajn je urezani u opsidijan. Tekst i fine linije uokviruju bijeli prostor čisto crne boje, s povremenim zlatnim oznakama kompasa koje pokazuju put.
- Air — skulptura "Ponoćno nebo kroz staklo"
- Raycast — Ponoćni komandni centar, Coral Neon
- dope.security — Ponoćni terminal sa ljubičastim svjetionicima