Superlist
Noćni radni prostor s koraljnim žarom - tiha površina aplikacije boje patlidžana gdje jedna topla narančasta iskra signalizira svaku radnju
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 obuhvaćaju cijelu atmosferu. Sučelje evocira osjećaj rada usredotočenog na kasnonoćne aktivnosti - tiho, slojevito i samouvjereno, s bojom koja se koristi samo kao funkcionalna interpunkcija na pozivima na akciju, aktivnim stanjima i ključnim toč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, gumbi za tablete), meke sjene i "dišu" kroz udobne razmake od 10-16px, a ne 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 UI - bliži je uredničkom tekstu nego SaaS-u.
Tamni odjeljci protežu se cijelom širinom stranice, s centriranim spremnicima sadržaja maksimalne širine. Glavni odjeljak je vertikalno centriran i sadrži naslov, podtekst i poziv na akciju (CTA), nakon čega slijedi velika snimka zaslona proizvoda koja se preklapa sa sljedećim odjeljkom. Sljedeći odjeljci izmjenjuju se između centriranih blokova teksta i mreža kartica. Odjeljak za recenzije koristi mrežu s tri stupca s karticama recenzija i 16 rubova. Navigacija je jedna gornja traka s logotipom s lijeve strane, centriranim poveznicama i radnjama prijave s desne strane - bez fiksne bočne trake ili mega-izbornika. Rupi između odjeljaka su velikodušni (16 rubova), stvarajući prostran, urednički ritam, a ne gustu mrežu proizvoda.
Vizualnim prostorom dominiraju snimke zaslona proizvoda - veliki okvir sa zaobljenim kutovima, koji prikazuje stvarno sučelje 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 ukrasnih ilustracija, apstraktne grafike, 3D rendera. Vizualna strategija je prikazati proizvod u velikom mjerilu, pustiti tipografiju da obavi emocionalni posao i koristiti koraljnu kao jedinu naglasnu boju.
Paleta
Robna marka
- Coral Ember
#ff4a36— Narančasta se koristi kao sekundarni naglasak 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, topla je, tamna nijansa koja zamjenjuje čistu crnu, čineći korisničko sučelje slojevitim, a ne ravnim. - Elevated Plum
#26253b— Površine kartica, polja za unos, navigacijski spremnici - korak lakše od platna za stvaranje dubine bez vidljivih granica. - Pure White
#ffffff— Glavni naslovi, tekst gumba i obrisi ikona - maksimalni kontrast na tamnom platnu. - Fog Text
#696f81— Glavni tekst, sekundarni naslovi i prigušeni obrubi imaju omjer kontrasta 7:1 za ugodno čitanje na pozadini boje patlidžana. - Ash Text
#8e8da0— Neutralna boja podržana je za sekundarne elemente korisničkog sučelja, razdjelnike i prigušene oznake. Ne smije se koristiti kao primarna boja za pozive na akciju. - Mist Highlight
#a3a3a7— Suptilni obrubi, razdjelnici i neaktivni navigacijski elementi stvaraju suptilan neutralan 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 umjetna 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 do 88 piksela za glavne naslove s razmakom između slova od -0,02 em i težinom od 600. Uzak razmak između slova i velika visina slova daju naslovima uredničku težinu, zbog čega tamno sučelje više nalikuje naslovnici časopisa nego nadzornoj ploči. Zamijenite s Inter Tight ili General Sans podebljano.
- Jersey 10 — zamjena: Anybody · obrisi 400 · Veliki, dekorativni font za naglašene brojeve i isticanja. Koristi se rijetko u vrlo velikim veličinama za stvaranje tipografskih naglasaka. Može se zamijeniti s Anybody ili Cabinet Grotesk.
Intervali i forma
| Svrha | Značenje |
|---|---|
| Gustoća | prosjek |
| Osnovni korak | 10-16px |
| Radijus gumba | 100px |
| Radijus kartice | 20px |
| Sjene | meke sjene |
| Između odjeljaka | 80px |
| Širina stranice | 1200px |
Umjetna inteligencija će izraditi vašu web stranicu u Superlist stilu i ispuniti je
- Popunite proizvodima i objavama putem poveznice - Instagram, TikTok, Facebook.
- Prenesite sadržaj sa svoje stare web-lokacije - samo navedite adresu.
- Moderan dizajn na najboljem engineu: React ( Next.js) s renderiranjem na serveru i SEO optimizacijom odmah po instalaciji.
- Potpuno automatizirana SEO optimizacija za rezultate pretraživanja i preporuke neuronskih mreža.
Slični stilovi
- DNA — Ponoćni opservatorij viđen kroz čestičnu leću
- Abetterlou — Iskre na koži sedla - topli kremasti font koji sjaji na dubokoj crnoj pozadini boje kave, s jantarno-zlatnim gumbima koji se osjećaju kao vrući metal utisnut u stranicu.
- Galileo-ft — Komandna paluba dubokog svemira s električno plavim signalima
- Decide AI — Opservatorij u ponoć - minus signal
- Redis Agency — Urednička radionica, otvorena nakon radnog vremena, mrkli je 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 naranč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 čiste crne boje, s povremenim zlatnim oznakama kompasa koje pokazuju put.
- Air — skulptura "Ponoćno nebo kroz staklo"
- Raycast — Ponoćni zapovjedni centar, Coral Neon
- dope.security — Ponoćni terminal s ljubičastim svjetionicima