Superlist
Nočni delovni prostor s koralnimi žarki – tiha površina aplikacije v barvi jajčevca, kjer ena sama topla oranžna iskra signalizira vsako dejanje
Superlist uporablja jezik produktivnosti v polnočno vijoličnih tonih: temno jajčevcasto, toplo koralno kot edino primarno barvo in velike naslove brez serifov, ki zajamejo celotno vzdušje. Vmesnik vzbuja občutek pozno nočnega osredotočenega dela – tih, večplasten in samozavesten, z barvo, ki se uporablja le kot funkcionalna ločila pri pozivih k dejanju, aktivnih stanjih in ključnih točkah. Površine so nanesene v subtilnih temnih tonih z vijoličnim podtonom (#181824 → #26253b), pri čemer se izogibamo čisti črni barvi, da zagotovimo, da globina deluje toplo in ne sterilno. Komponente imajo velikodušne zaobljene oblike (kartice 20px, gumbi za tablete), mehke sence in "dihajo" skozi udobne vrzeli 10–16px namesto skozi tesne mreže. Glas naslova je vse: debelina 600 točk pri 70–88px s tesnim razmikom med črkami -0,02em obravnava besedilo kot tipografsko in ne kot uporabniški vmesnik – bližje je uredniškemu besedilu kot SaaS.
Temni odseki se raztezajo po celotni širini strani, s centriranimi vsebniki vsebine največje širine. Glavni odsek je navpično centriran in vsebuje naslov, podbesedilo in poziv k dejanju (CTA), ki mu sledi velik posnetek zaslona izdelka, ki se prekriva z naslednjim odsekom. Nadaljnji odseki se izmenjujejo med centriranimi besedilnimi bloki in mrežami kartic. Razdelek z ocenami uporablja mrežo s tremi stolpci s karticami z ocenami in 16 žlebovi. Navigacija je ena zgornja vrstica z logotipom na levi, centriranimi povezavami in dejanji za prijavo na desni – brez fiksne stranske vrstice ali mega menija. Žlebovi med odseki so velikodušni (16 žlebov), kar ustvarja prostoren, uredniški ritem in ne goste mreže izdelkov.
Vizualni prostor prevladujejo posnetki zaslona izdelka – velik okvir z zaobljenimi vogali, ki prikazuje dejanski vmesnik aplikacije, zapolnjuje glavni in sekundarni del. Fotografije so minimalne in se uporabljajo le kot uporabniški avatarji ali predogledi medijev v aplikaciji (na primer slika koncerta v desni plošči makete izdelka). Logotipi na vrstici zaupanja so ploski, utišani beli besedilni simboli. Ni okrasnih ilustracij, abstraktne grafike ali 3D-upodobitev. Vizualna strategija je predstaviti izdelek v velikem obsegu, pustiti tipografiji, da opravi čustveno delo, in uporabiti koralno kot edino poudarjeno barvo.
Paleta
Blagovna znamka
- Coral Ember
#ff4a36— Oranžna se uporablja kot sekundarni poudarek za dekorativne detajle in za poudarjanje redkih znakov. Ne sme se uporabljati kot primarna barva za pozive k dejanju.
Nevtralno
- Aubergine Canvas
#181824— Ozadje strani, glavno platno, je toplega, temnega odtenka, ki nadomešča čisto črno, zaradi česar je uporabniški vmesnik videti večplasten in ne raven. - Elevated Plum
#26253b— Površine kartic, vnosna polja, navigacijski vsebniki – korak lažje kot s platnom ustvarite globino brez vidne meje. - Pure White
#ffffff— Glavni naslovi, besedilo gumbov in obrisi ikon – največji kontrast na temnem platnu. - Fog Text
#696f81— Glavno besedilo, sekundarni naslovi in utišani robovi imajo kontrastno razmerje 7:1 za udobno branje na ozadju barve jajčevca. - Ash Text
#8e8da0— Za sekundarne elemente uporabniškega vmesnika, razdelilnike in utišane oznake je podprta nevtralna barva. Ne sme se uporabljati kot primarna barva za pozive k dejanju. - Mist Highlight
#a3a3a7— Subtilni robovi, razdelilniki in neaktivni navigacijski elementi ustvarjajo subtilen nevtralen ton, ki še vedno izstopa na platnu.
Tipografija
od 12 do 88 slikovnih pik · 9 korakov
- sans-serif — zamenjava: Inter · obrisi 400 · sans-serif - najdeno v izvlečenih podatkih, vendar ga umetna inteligenca ne opisuje.
- Haffer XH SemiBold — zamenjava: Inter Tight · obrisi 400, 600 · Primarna pisava za prikaz in naslove. Uporablja se v velikosti 70–88 slikovnih pik za glavne naslove z razmikom med črkami -0,02 em in debelino 600. Ozek razmik med črkami in velika višina črk dajeta naslovom uredniško težo, zaradi česar je temen vmesnik bolj podoben naslovnici revije kot nadzorni plošči. Zamenjajte z Inter Tight ali General Sans v krepki debelini.
- Jersey 10 — zamenjava: Anybody · obrisi 400 · Velika, dekorativna pisava za poudarjene številke in poudarke. Uporablja se redko pri zelo velikih velikostih za ustvarjanje tipografskih poudarkov. Lahko se nadomesti z Anybody ali Cabinet Grotesk.
Intervali in oblika
| Namen | Pomen |
|---|---|
| Gostota | povprečje |
| Osnovni korak | 10-16px |
| Polmer gumba | 100px |
| Polmer kartice | 20px |
| Sence | mehke sence |
| Med odseki | 80px |
| Širina strani | 1200px |
Umetna inteligenca bo zgradila vašo spletno stran v slogu Superlist in jo napolnila
- Polnite z izdelki in objavami prek povezave - Instagram, TikTok, Facebook.
- Prenesite vsebino s starega spletnega mesta – samo navedite naslov.
- Sodoben dizajn na najboljšem iskalniku: React ( Next.js) z vnaprej pripravljenim upodabljanjem na strežniku in optimizacijo za SEO.
- Popolnoma avtomatizirana SEO optimizacija za rezultate iskanja in priporočila nevronskih mrež.
Podobni slogi
- DNA — Polnočni observatorij, viden skozi lečo delcev
- Abetterlou — Iskre na usnju iz sedla - topla kremasta pisava, ki žari na temno kavno črnem ozadju, z jantarno-zlatimi gumbi, ki se zdijo kot vroča kovina, pritisnjena na stran.
- Galileo-ft — Poveljniška paluba za globoko vesolje z električno modrimi signali
- Decide AI — Observatorij ob polnoči - mint signal
- Redis Agency — Uredniška delavnica, odprta po uradnih urah, je črna tema, kjer se vse delo z blagovno znamko opravlja s serifnimi pisavami in eno samo rdečo redkvico.
- Spellbook — Polnočna sodna dvorana, osvetljena s koralnim črnilom – temna uredniška površina, kjer je edini zvok topel oranžen poteg peresa
- Linear — polnočni natančni instrument
- Origin Financial — Polnočna galerija tihe razkošnosti. Tiha, skoraj temna soba, kjer velike serifne pisave in nekaj osvetljenih barvnih plošč ustvarjajo občutek, da so finance skrbno kurirano umetniško delo.
- Hyperstudio — Dizajn je vrezan v obsidian. Besedilo in tanke črte uokvirjajo bel prostor iz čiste črne barve, z občasnimi zlatimi oznakami kompasa, ki označujejo pot.
- Air — skulptura "Polnočno nebo skozi steklo"
- Raycast — Polnočni poveljniški center, Coral Neon
- dope.security — Polnočni terminal z vijoličnimi svetilniki