Superlist
Ruang kerja peuting kalawan bara karang—permukaan terong anu sepi dimana hiji percikan jeruk haneut nunjukkeun unggal tindakan
Superlist ngagunakeun basa produktivitas dina nada ungu tengah peuting: terong kolot, koral haneut salaku hiji-hijina warna primér, sareng judul sans-serif ageung anu ngagambarkeun sakabéh suasana. Antarbeungeutna nimbulkeun rasa padamelan anu fokus kana peuting—sepi, berlapis, sareng percaya diri, kalayan warna ngan ukur dianggo salaku tanda baca fungsional dina ajakan pikeun bertindak, kaayaan aktif, sareng poin konci. Permukaan dilapis dina nada poék anu halus kalayan nada ungu (#181824 → #26253b), nyingkahan hideung murni pikeun mastikeun jerona karasa haneut tinimbang steril. Komponen nampilkeun bentuk buleud anu lega (kartu 20px, tombol pil), kalangkang lemes, sareng "ngarénghap" ngaliwatan celah 10-16px anu nyaman tinimbang grid anu heureut. Sora judul mangrupikeun sagalana: beurat 600 poin dina 70-88px kalayan jarak hurup anu heureut -0.02em nganggap téks salaku tipografi tinimbang UI—éta langkung caket kana salinan éditorial tibatan SaaS.
Bagian poék ngawengku sakabéh lébar kaca, kalayan wadah eusi anu di tengah, lébarna maksimal. Bagian utama di tengah sacara vertikal sareng ngandung judul, subtéks, sareng ajakan pikeun bertindak (CTA), dituturkeun ku cuplikan layar produk ageung anu tumpang tindih sareng bagian salajengna. Bagian salajengna silih genti antara blok téks anu di tengah sareng kisi kartu. Bagian ulasan nganggo kisi tilu kolom kalayan kartu ulasan sareng 16 talang. Navigasi mangrupikeun bilah luhur tunggal kalayan logo di kénca, tautan di tengah, sareng tindakan login di katuhu—henteu aya sidebar atanapi mega-menu anu tetep. Talang antara bagian lega (16 talang), nyiptakeun wirahma éditorial anu lega tinimbang kisi produk anu padet.
Rohangan visual didominasi ku cuplikan layar produk—pigura ageung kalayan juru buleud, anu némbongkeun antarmuka aplikasi anu saleresna, ngeusian bagian utama sareng sekundér. Poto minimal, ngan dianggo salaku avatar pangguna atanapi pratinjau média dina aplikasi (contona, gambar konser dina panel katuhu mockup produk). Logo dina bilah kapercayaan mangrupikeun simbol téks bodas anu datar sareng diredam. Teu aya ilustrasi hiasan, teu aya grafik abstrak, teu aya render 3D. Strategi visualna nyaéta pikeun némbongkeun produk dina skala ageung, ngantep tipografi ngalakukeun padamelan émosional, sareng nganggo koral salaku hiji-hijina warna aksen.
Palet
Merek
- Coral Ember
#ff4a36— Oranyeu dianggo salaku aksen sekundér pikeun detil hiasan sareng pikeun nyorot isyarat anu jarang. Éta henteu kedah dianggo salaku warna utama pikeun ajakan pikeun bertindak.
Nétral
- Aubergine Canvas
#181824— Latar tukang kaca, kanvas utama, nyaéta warna haneut jeung poék anu ngagantikeun hideung murni, ngajadikeun antarmuka pamaké katingalina berlapis tinimbang datar. - Elevated Plum
#26253b— Beungeut kartu, widang input, wadah navigasi—saléngkah leuwih gampang tibatan kanvas pikeun nyiptakeun jerona tanpa wates anu katingali. - Pure White
#ffffff— Judul utama, téks tombol, sareng garis luar ikon—kontras maksimum dina kanvas poék. - Fog Text
#696f81— Téks utama, judul sekundér, sareng wates anu teu diucapkeun sadayana nampilkeun babandingan kontras 7:1 pikeun bacaan anu nyaman ngalawan latar tukang warna terong. - Ash Text
#8e8da0— Warna nétral dirojong pikeun élémen UI sekundér, pambagi, sareng labél anu dibungkem. Warna ieu teu kedah dianggo salaku warna primér pikeun ajakan bertindak. - Mist Highlight
#a3a3a7— Wates, pambagi, sareng unsur navigasi anu teu aktip nyiptakeun nada nétral anu halus anu tetep nonjol ngalawan kanvas.
Tipografi
ti 12 nepi ka 88px · 9 léngkah
- sans-serif — panggantian: Inter · garis besar 400 · sans-serif - kapanggih dina data anu diekstrak tapi teu dijelaskeun ku AI.
- Haffer XH SemiBold — panggantian: Inter Tight · garis besar 400, 600 · Font utama pikeun tampilan sareng judul. Ukuran font ieu dianggo dina 70–88px pikeun judul utama kalayan jarak hurup -0.02em sareng beurat 600. Jarak hurup anu heureut sareng jangkungna hurup anu ageung masihan judul beurat éditorial, ngajantenkeun antarmuka anu poék katingalina langkung sapertos sampul majalah tibatan dasbor. Ganti ku Inter Tight atanapi General Sans anu kandel.
- Jersey 10 — panggantian: Anybody · garis besar 400 · Hurup ageung anu hiasan pikeun angka aksen sareng sorotan. Dianggo sacara hemat dina ukuran anu ageung pisan pikeun nyiptakeun aksen tipografi. Tiasa digentos ku Anybody atanapi Cabinet Grotesk.
Interval sareng bentuk
| Tujuan | Hartina |
|---|---|
| Kapadetan | rata-rata |
| Léngkah dasar | 10-16px |
| Radius tombol | 100px |
| Radius kartu | 20px |
| Kalangkang | kalangkang lemes |
| Antara bagian | 80px |
| Lebar kaca | 1200px |
AI bakal ngawangun situs wéb anjeun dina gaya Superlist sareng ngeusianana
- Eusian ku produk sareng postingan ngalangkungan tautan - Instagram, TikTok, Facebook.
- Mindahkeun eusi tina situs lami anjeun—cukup sebutkeun alamatna.
- Desain modéren dina mesin pangsaéna: React ( Next.js) kalayan rendering server sareng optimasi SEO anu tos siap dianggo.
- Optimasi SEO otomatis pinuh pikeun hasil pamilarian sareng rekomendasi jaringan saraf.
Gaya anu sami
- DNA — Observatorium Tengah Peuting sakumaha anu katingali ngaliwatan lénsa partikel
- Abetterlou — Percikan dina Kulit Pelana - font anu haneut jeung creamy nu hurung dina latar tukang hideung kopi nu kolot, kalawan tombol-tombol emas kuning nu karasana kawas logam panas nu dipencet kana kaca.
- Galileo-ft — Dek komando luar angkasa jero kalayan sinyal biru listrik
- Decide AI — Observatorium tengah peuting - sinyal mint
- Redis Agency — Bengkel éditorial, anu dibuka saatos jam kerja, mangrupikeun tempat anu poék mongkleng dimana sadaya padamelan branding dilakukeun nganggo font serif sareng hiji lobak beureum.
- Spellbook — Rohangan sidang tengah peuting nu dihias ku tinta koral—permukaan éditorial nu poék dimana hiji-hijina sora nyaéta goresan pulpen oranyeu nu haneut
- Linear — alat presisi tengah peuting
- Origin Financial — Galeri tengah peuting anu pinuh ku kamewahan anu sepi. Rohangan anu sepi, ampir poék dimana font serif ageung sareng sababaraha panel warna anu dihias nyiptakeun rarasaan yén kauangan mangrupikeun karya seni anu dikurasi kalayan saksama.
- Hyperstudio — Desainna dicoret jadi obsidian. Téks jeung garis-garis leutik ngabingkai rohangan bodas hideung murni, sakapeung aya tanda kompas emas nu nunjukkeun jalanna.
- Air — patung "Langit Tengah Peuting Ngaliwatan Kaca"
- Raycast — Pusat Komando Tengah Peuting, Coral Neon
- dope.security — Terminal tengah peuting kalawan suar wungu