Huly
Northern Lights at Midnight Observatory - protagonis iki minangka sinar vertikal ungu sing luntur dadi koral, lan saben bagean sing sepi ing ngisore nyilih crita rong nada sing padha sing dicritakake kanthi nada sing luwih alus.
Huly nggugah swasana ruang kerja kosmik: kanvas meh ireng kanthi siji cahya violet-amber sing ngethok elemen utama, lan ing ngisore, kisi-kisi sing luwih alus kanggo nambah produktivitas. Sistem iki beroperasi ing rentang warna sing sempit—siji biru padhang lan siji koral nindakake kabeh karya branding ing permukaan grafit berlapis, saengga mode peteng ora tau krasa netral. Tipografi iku Inter-style kanggo kabeh fungsi, kanthi font khusus (Esbuild) sing dikhususake kanggo poin-poin penting, kanthi jarak 80-84px lan jarak huruf negatif sing agresif. Komponen awujud kapsul: radius 9999px ing kontrol, 12px ing kertu, bayangan minimal, lan garis gradien sing mencorong minangka dekorasi utama. Kaca kasebut ganti-ganti antarane area peteng kaca lengkap lan bagean padhang sing tenang, saengga layar anyar apa wae kudu nemtokake mode sadurunge milih warna.
Halaman ngarep sing ambane lengkap nduweni sinar vertikal saka lampu lor lan judhul sing rata kiwa, bebarengan karo gambar layar produk sing diselehake ing sisih tengen ngisor. Ing ngisor halaman ngarep ana area konten kanthi ambane maksimal, 1200px, garis peteng lan padhang sing selang-seling. Saben bagean minangka blok vertikal tunggal: header ditambah kothak kertu 3 utawa 4 kolom sing dipisahake dening celah 96px. Bagean "MetaBrain" mbagi kothak kanthi judhul sing ana ing tengah lan mosaik kertu kanthi macem-macem ukuran (kertu utama gedhe ditambah kertu pendukung sing luwih cilik). Kaca iki kebak konten, miturut standar SaaS, nanging nggunakake garis peteng lan padhang sing selang-seling kanggo menehi saben bagean papan kanggo ambegan. Navigasi minangka bilah ndhuwur transparan tunggal sing bakal ilang dadi buram nalika sampeyan nggulung.
Unsur utama yaiku gradien aurora murni, bebas saka foto. Kabeh ilustrasi minangka gambar layar asli saka UI produk (Kanban ing mode peteng, kothak mlebu, kalender), dibingkai ing pigura kertu sing dadi bukti lan dekorasi. Ora ana foto gaya urip, ora ana gambar stok, ora ana render 3D. Siji-sijine unsur visual sing ora ana gandhengane karo UI yaiku cahya srengenge radial sing anget ing dasar aurora, sing dirender minangka gradien CSS. Ikon minangka ikon garis monokrom ing #95979 utawa putih, ora tau warna-warni. Sistem kasebut nganggep UI peteng dhewe minangka unsur utama—produk kasebut minangka foto-foto.
Palet
Merek
- Electric Iris
#5683da— Latar mburi utama, indikator navigasi aktif, lan aksen Northern Lights sing narik kawigaten—werna biru violet sing cerah ing latar mburi ireng legam—nggawe kesan keterlibatan tinimbang aktivitas perusahaan. - Ember Pulse
#ff8964— Aksen sekunder, zona lampu lor sing anget, titik notifikasi, lan sorotan ilustrasi—werna kuning sing ngilangi ketenangan biru lan nambah anget ing sinar kasebut.
Netral
- Obsidian Canvas
#303236— Latar mburi kaca, permukaan sing dominan, meh ireng kanthi sentuhan anget, lingkungan standar kanggo kabeh isi. - Void
#090a0c— Lapisan permukaan paling jero kanggo gradien ing layar utama, latar mburi modal, lan pigura sing kudune nyawiji karo kanvas. - Charcoal Card
#111111— Lumahing sing digawe saka kardus lan panel, diselehake sak langkah ing ndhuwur kanvas. - Slate Edge
#4a4b50— Wates lan pambagi sing alus ing permukaan peteng - Iron Veil
#6b6c6d— Latar mburi redup kanggo tag, isian item dhaptar, lan isian sing dipateni. - Smoke
#95979e— Garis besar ikon, teks tambahan, lan kontrol sing ora aktif minangka elemen kerja utama kanthi warna abu-abu sedheng.
Tipografi
saka 11 nganti 80px · 8 langkah
- Inter — panggantos: DM Sans · garis besar 300, 400, 500, 600, 700 · Kabeh teks fungsional ing antarmuka panganggo—teks awak, navigasi, tombol, item dhaptar, label, lan judhul cilik—digunakake kanthi bobot font 500-600 kanggo penekanan, 400 kanggo teks awak, lan 300 sithik kanggo metadata sing ora ngganggu.
- Esbuild — panggantos: Sora · garis besar 400, 500, 600 · Mung kanggo tampilan: judhul splash, judhul bagean, lan judhul artikel MetaBrain. Geometri sing ringkes lan jarak huruf sing rapet nggawe kesan yen 84px luwih cocog kanggo karya editorial tinimbang proyek SaaS. Aja nggunakake ing ngisor 28px.
Interval lan wujud
| Tujuan | Tegese |
|---|---|
| Kapadhetan | jembar |
| Langkah dhasar | 12px |
| Radius tombol | 9999px |
| Radius kertu | 12px |
| Bayangan | bayangan alus |
| Antarane bagean | 96px |
| Ambane kaca | 1200px |
AI bakal mbangun situs web sampeyan nganggo gaya Huly 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
- monday — Bengkel putih nganggo stiker pastel
- Slack — Panggungé wernané kaya terong nganggo lampu sorot putih. Werna plum tuwa ndominasi area peteng, déné kanvas putih pudar nggawé judhul-judhul avant-garde sing gedhé bisa ambegan kanthi bébas.
- Base44 — Buku cathetan sing dipadhangi srengenge nganggo spidol jeruk nipis
- Supahub — Cahya srengenge sing alus ing pucuking warna ungu. Kanvas sing umume putih lan lega disinari dening srengenge ungu sing padhang, kanthi bola gradien dekoratif sing nyebar warna menyang ruang negatif lan geometri bunder sing jembar sing menehi saben permukaan bobot sing nyenengake lan nyata.
- Raycast — Pusat Komando Tengah Wengi, Coral Neon
- Dimension — stasiun kerja sing madhangi wayah wengi nganggo panel kaca buram
- Wiza — Observatorium eksplorasi mineral nalika surup, diselimuti kabut lavender.
- Paste — Lentera kuning ing ndhuwur marmer putih—logo gradien anget merek kasebut ngambang ing papan putih sing jembar, kaya siji-sijine jendela sing madhangi ing bangunan sing ketutup salju.
- Reworkd — Cahya srengenge sing alus ing diagram produk minangka siji-sijine warna sing bisa ngomong dhewe, yaiku tombol aksi lan judhul gradien ing ndhuwure.
- Reflect Notes — Angkasa ungu sing kebak lintang iku sawijining observatorium peteng ing ngendi cathetan-cathetan ngambang kaya rasi lintang kanthi latar mburi kekosongan indigo sing meh ireng.
- Ameba — Ruang kontrol ing tengah wengi – denyut biru listrik ing njero panel kaca buram
- Todoist — Ruang kerja sing kebak cahya srengenge karo buku harian kertas – meja tulis warna krim anget, cathetan tinta, siji pulpen abang