Huly
Cahaya Utara di Balai Cerap Tengah Malam - protagonisnya ialah pancaran menegak ungu yang pudar menjadi karang, dan setiap bahagian yang tenang di bawahnya meminjam cerita dua nada yang sama yang diceritakan dalam nada yang lebih lembut
Huly membangkitkan suasana ruang kerja kosmik: kanvas hampir hitam dengan cahaya ungu-ambar tunggal memotong elemen utama, dan di bawahnya, grid yang lebih lembut untuk peningkatan produktiviti. Sistem ini beroperasi dalam julat warna yang sempit—satu biru terang dan satu koral melakukan semua kerja penjenamaan pada permukaan grafit berlapis, jadi mod gelap tidak pernah terasa neutral. Tipografi adalah Inter-style untuk semua yang berfungsi, dengan fon tersuai (Esbuild) dikhaskan untuk titik utama, dengan pic 80–84px dan jarak huruf negatif yang agresif. Komponen berbentuk kapsul: jejari 9999px pada kawalan, 12px pada kad, bayang minimum dan garisan kecerunan bercahaya sebagai hiasan utama. Halaman berselang-seli antara kawasan gelap halaman penuh dan bahagian terang yang tenang, jadi mana-mana skrin baharu harus memutuskan mod sebelum memilih warna.
Laman utama lebar penuh menampilkan pancaran menegak cahaya utara dan tajuk utama sejajar kiri, bersama-sama dengan tangkapan skrin produk yang diletakkan di bahagian bawah kanan. Di bawah laman utama terdapat kawasan kandungan dengan lebar maksimum, 1200 piksel, jalur gelap dan terang yang berselang-seli. Setiap bahagian ialah blok menegak tunggal: pengepala ditambah grid kad 3 atau 4 lajur yang dipisahkan oleh jurang 96 piksel. Bahagian "MetaBrain" memecahkan grid dengan tajuk utama di tengah dan mozek kad dengan pelbagai saiz (kad utama yang besar ditambah kad sokongan yang lebih kecil). Halaman ini padat dengan kandungan, mengikut piawaian SaaS, tetapi menggunakan jalur gelap dan terang yang berselang-seli untuk memberi ruang kepada setiap bahagian. Navigasi ialah bar atas lutsinar tunggal yang pudar kepada legap semasa anda menatal.
Elemen utama ialah kecerunan aurora tulen, bebas daripada gambar. Semua ilustrasi ialah tangkapan skrin sebenar UI produk (Kanban dalam mod gelap, peti masuk, kalendar), dibingkai dalam bingkai kad yang berfungsi sebagai bukti dan hiasan. Tiada gambar gaya hidup, tiada imej stok, tiada pemaparan 3D. Satu-satunya elemen visual yang tidak berkaitan dengan UI ialah cahaya matahari jejarian yang hangat di pangkal aurora, yang dipancarkan sebagai kecerunan CSS. Ikon ialah ikon garisan monokrom dalam #95979 atau putih, tidak pernah berbilang warna. Sistem ini menganggap UI gelapnya sendiri sebagai elemen utama—produk ialah gambar-gambar.
Palet
Jenama
- Electric Iris
#5683da— Latar belakang utama, penunjuk navigasi aktif dan aksen Cahaya Utara yang menarik—warna biru ungu yang terang pada latar belakang hitam legam—mencipta kesan penglibatan dan bukannya aktiviti korporat. - Ember Pulse
#ff8964— Aksen sekunder, zon cahaya utara yang hangat, titik pemberitahuan dan sorotan ilustrasi—rona ambar yang memecahkan ketenangan biru dan menambahkan kehangatan pada pancaran.
Neutral
- Obsidian Canvas
#303236— Latar belakang halaman, permukaan dominan, berwarna hampir hitam dengan sedikit kehangatan, persekitaran standard untuk semua kandungan. - Void
#090a0c— Lapisan permukaan terdalam untuk kecerunan pada skrin utama, latar belakang modal dan bingkai yang sepatutnya sebati dengan kanvas. - Charcoal Card
#111111— Permukaan yang ditinggikan diperbuat daripada kadbod dan panel, diletakkan satu langkah di atas kanvas. - Slate Edge
#4a4b50— Sempadan dan pembahagi halus pada permukaan gelap - Iron Veil
#6b6c6d— Latar belakang malap untuk teg, pengisian item senarai dan pengisian yang dinyahdayakan. - Smoke
#95979e— Garis besar ikon, teks tambahan dan kawalan tidak aktif ialah elemen kerja utama dalam warna kelabu sederhana.
Tipografi
dari 11 hingga 80 piksel · 8 langkah
- Inter — penggantian: DM Sans · garis besar 300, 400, 500, 600, 700 · Semua teks berfungsi dalam antara muka pengguna—teks isi, navigasi, butang, item senarai, label dan tajuk kecil—digunakan dengan pemberat fon 500–600 untuk penekanan, 400 untuk teks isi dan 300 secara berhati-hati untuk metadata yang tidak mengganggu.
- Esbuild — penggantian: Sora · garis besar 400, 500, 600 · Paparan sahaja: tajuk percikan, tajuk bahagian dan tajuk artikel MetaBrain. Geometri yang padat dan jarak huruf yang ketat mewujudkan tanggapan bahawa 84px lebih sesuai untuk kerja editorial berbanding projek SaaS. Jangan sekali-kali gunakan di bawah 28px.
Selang dan bentuk
| Tujuan | Maksudnya |
|---|---|
| Ketumpatan | luas |
| Langkah asas | 12px |
| Jejari butang | 9999px |
| Jejari kad | 12px |
| Bayang-bayang | bayang-bayang lembut |
| Antara bahagian | 96px |
| Lebar halaman | 1200px |
AI akan membina laman web anda dalam gaya Huly dan mengisinya
- Isi dengan produk dan siaran melalui pautan - Instagram, TikTok, Facebook.
- Pindahkan kandungan dari tapak lama anda—cuma nyatakan alamatnya.
- Reka bentuk moden pada enjin terbaik: React ( Next.js) dengan pemaparan pelayan dan pengoptimuman SEO sedia ada.
- Pengoptimuman SEO automatik sepenuhnya untuk hasil carian dan cadangan rangkaian saraf.
Gaya yang serupa
- monday — Bengkel putih dengan pelekat pastel
- Slack — Pentas itu berwarna terung dengan lampu sorot putih. Rona plum pekat mendominasi kawasan gelap, manakala kanvas putih pudar membolehkan tajuk-tajuk avant-garde yang besar bernafas dengan bebas.
- Base44 — Buku nota yang disinari cahaya matahari dengan penanda kapur
- Supahub — Cahaya siang yang lembut di permatang ungu. Kanvas yang kebanyakannya putih dan lapang diterangi oleh satu matahari ungu terang, dengan sfera kecerunan hiasan yang memancarkan warna ke dalam ruang negatif dan geometri bulat yang luas memberikan setiap permukaan rasa berat yang menyenangkan dan nyata.
- Raycast — Pusat Perintah Tengah Malam, Coral Neon
- Dimension — stesen kerja yang diterangi cahaya senja dengan panel kaca berkabut
- Wiza — Sebuah balai cerap penerokaan mineral pada waktu senja, diselubungi kabus lavender.
- Paste — Tanglung ambar di atas marmar putih—logo kecerunan hangat jenama itu berlegar di ruang putih yang luas, seperti satu-satunya tingkap yang diterangi di bangunan yang dilitupi salji.
- Reworkd — Cahaya siang yang lembut pada gambar rajah produk adalah satu-satunya warna yang dapat menjelaskannya, iaitu butang tindakan dan tajuk kecerunan di atasnya.
- Reflect Notes — Angkasa ungu berbintang merupakan sebuah balai cerap gelap di mana nota-nota terapung seperti buruj dengan latar belakang kekosongan nila yang hampir hitam.
- Ameba — Bilik kawalan pada tengah malam – denyutan biru elektrik di dalam panel kaca berkabut
- Todoist — Ruang kerja yang disinari cahaya matahari dengan diari kertas – meja krim suam, nota dakwat, sebatang pen merah