Superlist
Ruang kerja ing wayah wengi kanthi bara koral—permukaan terong sing sepi ing ngendi percikan oranye anget menehi sinyal saben tumindak
Superlist migunakaké basa produktivitas kanthi nada ungu tengah wengi: terong tuwa, koral anget minangka siji-sijine warna utama, lan judhul sans-serif gedhé sing ngrekam kabèh swasana. Antarmuka iki nduduhaké rasa kerja sing fokus ing wayah wengi—sepi, berlapis, lan percaya diri, kanthi warna mung digunakaké minangka tandha wacan fungsional ing ajakan tumindak, kahanan aktif, lan poin-poin penting. Permukaan dilapisi kanthi nada peteng sing alus kanthi nada ungu (#181824 → #26253b), ngindhari ireng murni kanggo mesthekake ambane krasa anget tinimbang steril. Komponen-komponen duwé wujud bunder sing jembar (kartu 20px, tombol pil), bayangan alus, lan "ambegan" liwat celah 10-16px sing nyaman tinimbang kisi-kisi sing rapet. Swara judhul iku segalanya: bobot 600 poin ing 70-88px kanthi jarak huruf sing rapet -0.02em nganggep teks minangka tipografi tinimbang UI—luwih cedhak karo salinan editorial tinimbang SaaS.
Bagean peteng nutupi kabeh jembar kaca, kanthi wadhah konten sing ana ing tengah lan jembar maksimal. Bagean utama ana ing tengah vertikal lan ngemot judhul, subteks, lan ajakan tumindak (CTA), banjur gambar produk gedhe sing tumpang tindih karo bagean sabanjure. Bagean sabanjure ganti-ganti antarane blok teks sing ana ing tengah lan kisi kertu. Bagean ulasan nggunakake kisi telung kolom kanthi kertu ulasan lan 16 talang. Navigasi minangka bilah ndhuwur siji kanthi logo ing sisih kiwa, pranala ing tengah, lan tumindak mlebu ing sisih tengen—ora ana sidebar utawa mega-menu sing tetep. Talang antarane bagean akeh (16 talang), nggawe irama editorial sing jembar tinimbang kisi produk sing padhet.
Ruang visual didominasi dening gambar layar produk—pigura gedhe kanthi pojok bunder, sing nampilake antarmuka aplikasi sing nyata, ngisi bagean utama lan sekunder. Foto minimal, mung digunakake minangka avatar pangguna utawa pratinjau media ing aplikasi (contone, gambar konser ing panel tengen mockup produk). Logo ing bilah kepercayaan minangka simbol teks putih sing rata lan diredam. Ora ana ilustrasi dekoratif, ora ana grafis abstrak, ora ana render 3D. Strategi visual yaiku nampilake produk kanthi skala gedhe, supaya tipografi nindakake pakaryan emosional, lan nggunakake koral minangka siji-sijine warna aksen.
Palet
Merek
- Coral Ember
#ff4a36— Oranye digunakake minangka aksen sekunder kanggo detail dekoratif lan kanggo nyorot isyarat sing arang banget. Ora kena digunakake minangka warna utama kanggo ajakan tumindak.
Netral
- Aubergine Canvas
#181824— Latar mburi kaca, kanvas utama, awujud warna peteng lan anget sing ngganti ireng murni, saengga antarmuka panganggo katon berlapis tinimbang rata. - Elevated Plum
#26253b— Permukaan kertu, kolom input, wadhah navigasi—selangkah luwih gampang tinimbang kanvas kanggo nggawe ambane tanpa wates sing katon. - Pure White
#ffffff— Judhul utama, teks tombol, lan garis besar ikon—kontras maksimal ing kanvas peteng. - Fog Text
#696f81— Teks utama, irah-irahan sekunder, lan wates sing ora diunekake—rasio kontras 7:1 kanggo maca sing nyaman kanthi latar mburi warna terong. - Ash Text
#8e8da0— Werna netral didhukung kanggo elemen UI sekunder, pembagi, lan label sing dibisu. Werna iki ora kena digunakake minangka werna utama kanggo ajakan tumindak. - Mist Highlight
#a3a3a7— Wates, pembagi, lan elemen navigasi sing ora aktif nggawe nada netral sing alus sing isih katon mencolok ing kanvas.
Tipografi
saka 12 nganti 88px · 9 langkah
- sans-serif — panggantos: Inter · garis besar 400 · sans-serif - ditemokake ing data sing dijupuk nanging ora diterangake dening AI.
- Haffer XH SemiBold — panggantos: Inter Tight · garis besar 400, 600 · Font utama kanggo tampilan lan judhul. Iki digunakake kanthi ukuran 70–88px kanggo judhul pahlawan kanthi jarak huruf -0.02em lan bobot 600. Jarak huruf sing sempit lan dhuwur huruf sing gedhe menehi bobot editorial kanggo judhul, saengga antarmuka peteng katon luwih kaya sampul majalah tinimbang dashboard. Ganti nganggo Inter Tight utawa General Sans kanthi bobot kandel.
- Jersey 10 — panggantos: Anybody · garis besar 400 · Font gedhe lan dekoratif kanggo aksen angka lan sorotan. Digunakake kanthi hemat ing ukuran sing gedhe banget kanggo nggawe aksen tipografi. Bisa diganti karo Anybody utawa Cabinet Grotesk.
Interval lan wujud
| Tujuan | Tegese |
|---|---|
| Kapadhetan | rata-rata |
| Langkah dhasar | 10-16px |
| Radius tombol | 100px |
| Radius kertu | 20px |
| Bayangan | bayangan alus |
| Antarane bagean | 80px |
| Ambane kaca | 1200px |
AI bakal mbangun situs web sampeyan nganggo gaya Superlist lan ngisi situs kasebut
- Isi nganggo produk lan kiriman liwat pranala - Instagram, TikTok, Facebook.
- Transfer konten saka situs lawasmu—cukup sebutna alamate.
- Desain modern nganggo mesin paling apik: React ( Next.js) nganggo rendering server lan optimasi SEO sing wis ana.
- Optimasi SEO otomatis kanggo asil panelusuran lan rekomendasi jaringan saraf.
Gaya sing padha
- DNA — Observatorium Tengah Wengi kaya sing dideleng liwat lensa partikel
- Abetterlou — Percikan ing Kulit Pelana - Font krim anget mencorong ing latar mburi ireng kopi sing jero, kanthi tombol emas kuning sing krasa kaya logam panas sing dipencet ing kaca.
- Galileo-ft — Dek komando ruang angkasa jero nganggo sinyal biru listrik
- Decide AI — Observatorium ing tengah wengi - sinyal mint
- Redis Agency — Lokakarya editorial, sing dibukak sawise jam kerja, minangka papan sing peteng ndhedhet ing ngendi kabeh karya branding ditindakake nganggo font serif lan siji lobak abang.
- Spellbook — Ruang sidang tengah wengi sing dipadhangi tinta koral—permukaan editorial peteng sing mung ana swara goresan pena oranye sing anget
- Linear — instrumen presisi tengah wengi
- Origin Financial — Galeri tengah wengi sing kebak kemewahan sing sepi. Kamar sing sepi, meh peteng ing ngendi font serif gedhe lan sawetara panel warna sing disinari nggawe rasa yen keuangan minangka karya seni sing dikuratori kanthi ati-ati.
- Hyperstudio — Desainé dicoret nganggo obsidian. Teks lan garis-garis alus mbentuk papan putih ireng murni, kanthi tandha kompas emas sok-sok sing nuduhake dalan.
- Air — patung "Langit Tengah Wengi Nembus Kaca"
- Raycast — Pusat Komando Tengah Wengi, Coral Neon
- dope.security — Terminal tengah wengi nganggo suar ungu