Authkit
Katedral Kaca Buram ing Tengah Wengi
AuthKit nggawe estetika presentasi produk ing wayah wengi: kanvas meh ireng kanthi permukaan kaca buram, kisi-kisi garis sing meh ora katon, lan teks sing sumunar sing katon disinari lapisan kaca. Jenis huruf meh kabeh putih kanthi latar mburi peteng, kanthi aksen ungu padhang minangka siji-sijine elemen fungsional—saben permukaan interaktif nduweni garis tipis sing alus lan tipis biru-putih sing adhem tinimbang pigura sing kaku. Komponen disusun ing lapisan transparan, dilapisi ing ndhuwur cahya sekitar, lan kertu katon minangka piring kaca sing disinari saka ngisor, tinimbang panel kertas. Jarak gedhe lan ritmis; elemen utama yaiku logo sing sumunar sing nutupi kabeh jembar kaca, diubengi dening kertu kaca sing ngambang, tinimbang tata letak layar pamisah tradisional.
Kanvas peteng sing ambane kebak nganggo wadhah konten sing ana ing tengah, ambane maksimal 1200px. Unsur utama yaiku logo tunggal sing ana ing tengah, sing madhangi ("AuthKit" nganggo font gradien) ing sangisore teks cilik sing bentuke kaya alis, ing mburine/ing ngisore ana telung kertu kaca sing ngambang nganggo formulir mlebu metu (kertu kiwa miring kiwa, kertu tengah dimaksimalake, kertu tengen miring tengen). Toggle tema padhang/peteng ana ing tengah ing sangisore elemen utama. Baris fitur yaiku garis wektu horisontal saka 6 ikon kanthi garis penghubung tipis antarane ikon bunder. Irama bagean: saben bagean diwiwiti nganggo teks sing bentuke kaya alis sing ana ing tengah sing dibingkai dening garis horisontal sing pudar, diikuti karo judhul gedhe sing ana ing tengah (44-48px), diikuti karo siji baris salinan awak sing diredam (16-18px), ambane maksimal ~640px. Bagean Kustomisasi nampilake mockup jendhela browser kanthi kertu mlebu sing ana ing tengah sing diubengi panel inspektur UI sing ngambang (palet warna, slider radius, pemilih ikon logo, kolom teks tombol, kolom latar mburi kaca) sing diselehake ing pojok kanvas, kaya ruang kerja alat desain.
Desain visual didominasi dening mockup formulir login, digawe kanthi gaya "morfologi kaca" (kolom input email/sandi, tombol login media sosial, entri kode tanpa sandhi), ditampilake minangka kertu transparan sing ngambang ing kanvas tengah wengi. Ikon fitur yaiku glif linier monokrom ing #d1e4fa ing njero kothak bunder lan matte. Kisi-kisi sing alus (garis 1px ing rgba (186,215,247,0.06)) nutupi kabeh kaca, nggawe swasana, dene sorotan gradien kerucut sumunar ing sisih ndhuwur elemen utama. Ora ana foto, ora ana gambar gaya urip, ora ana tangkapan layar produk—produk kasebut dhewe minangka elemen visual: kolom login disusun kaya prototipe kaca ing studio peteng.
Palet
Merek
- Void Violet
#663af3— Werna utama kanggo tombol ajakan tumindak (CTA) minangka siji-sijine werna aksen sing digunakake khusus kanggo tombol "Terusake/Kirim" ing formulir mlebu log; werna ungu sing cerah ing latar mburi sing meh ireng nggawe rasa urgensi tanpa ngganggu skema werna monokromatik.
Netral
- Midnight Canvas
#05060f— Latar mburi kaca, permukaan kertu sing paling jero, isi lencana—dhasar sing meh ireng dadi papan ngambange kabeh barang liyane. - Steel Plate
#2f343e— Permukaan sing diangkat, tombol aksi phantom/sekunder, panel mburi sing ora katon. - Fog Veil
#9da7ba— Teks utama, teks ing kertu, bisa diwaca, nanging luwih kerep diselehake ing latar mburi dibandhingake karo irah-irahane. - Moon Mist
#c7d3ea— Teks utama, label tambahan, teks bantu sing dibisu - Frost Glow
#d1e4fa— Werna isian utama kanggo teks awak lan pranala, teks ikon, lan isian ikon minangka latar ngarep sing mencorong standar. - Ice Highlight
#d8ecf8— Teks padhang ing lumahing peteng, label sing diwalik, lan judhul sing kontras dhuwur. Aja digunakake minangka warna utama kanggo ajakan tumindak; gradien judhul—transisi sing alus saka biru enom dadi biru alus saka ndhuwur nganti ngisor—digunakake ing logo AuthKit lan judhul utama.
Tipografi
saka 12 nganti 48px · 8 langkah
- Untitled Sans — panggantos: Inter · garis besar 400, 500, 600, 700 · Teks utama, antarmuka panganggo, tombol, kolom input, ikon, judhul cilik - font universal kanggo kabeh fungsi.
- aeonikPro — panggantos: Space Grotesk · garis besar 400, 500 · Mung nampilake judhul—branding AuthKit, judhul bagean, lan teks awak—bobot font 500 poin ing 44-48px menehi branding tampilan sing amba lan sederhana tinimbang aksen sing mencolok.
- dotDigital — panggantos: JetBrains Mono · garis besar 400 · Teks huruf kapital kabeh ("Ngaturake," "Desain sing Bisa Diembangake," "Sumunar Padhang") - teks huruf kapital kabeh spasi tunggal kanthi jarak 0,10em dadi pamisah sing alus antarane teks awak lan judhul.
Interval lan wujud
| Tujuan | Tegese |
|---|---|
| Kapadhetan | jembar |
| Langkah dhasar | 16px |
| Radius tombol | 999px |
| Radius kertu | 16px |
| Bayangan | ora ana wates tinimbang bayangan |
| Antarane bagean | 120px |
| Ambane kaca | 1200px |
AI bakal mbangun situs web sampeyan nganggo gaya Authkit 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
- Resend — beludru ireng nganggo warna neon ungu
- Gsap — Papan tulis animasi ing studio desain. Tembok sing meh ireng, kapur krim anget, lan limang spidol warna—siji kanggo saben disiplin animasi.
- Slash — Gudang tengah wengi nganggo buku besar berlapis emas
- Raycast — Pusat Komando Tengah Wengi, Coral Neon
- Dimension — stasiun kerja sing madhangi wayah wengi nganggo panel kaca buram
- Modal — Terminal berpendar ing kamar server sing peteng - siji-sijine sumber cahya yaiku warna ijo padhang
- 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.
- LaunchDarkly — Ruang kontrol neon kuwi kokpit peteng ing ngendi sinyal ungu muni liwat panel ireng pekat.
- Ameba — Ruang kontrol ing tengah wengi – denyut biru listrik ing njero panel kaca buram
- AgentQL — Lampu Lor ing ndhuwur terminal ing wayah wengi
- Neon — Kamar server sawise peteng. Peteng murni, ing ngendi mung cahya sing asale saka data lan interaksi pangguna.
- N8n — Mesin Alur Kerja ing Tengah Wengi – rasa kanvas otomatisasi wektu nyata ing kamar server peteng, dipadhangi dening indikator status lan aliran data