Authkit
Katedral Kaca Berkabut pada Tengah Malam
AuthKit mencipta estetika persembahan produk pada waktu malam: kanvas hampir hitam dengan permukaan kaca berkabut, grid garisan yang hampir tidak kelihatan, dan teks bercahaya yang kelihatan diterangi oleh lapisan kaca. Rupa taip hampir keseluruhannya berwarna putih dengan latar belakang gelap, dengan satu aksen ungu terang sebagai satu-satunya elemen berfungsi—setiap permukaan interaktif mempunyai garisan biru-putih sejuk yang lembut dan nipis dan bukannya bingkai tegar. Komponen disusun pada lapisan lut sinar, berlapis di atas cahaya ambien, dan kad kelihatan sebagai plat kaca yang diterangi dari bawah, bukannya panel kertas. Jarak adalah besar dan berirama; elemen utama ialah logo bercahaya tunggal yang merangkumi keseluruhan lebar halaman, dikelilingi oleh kad kaca terapung, dan bukannya susun atur skrin berpecah tradisional.
Kanvas gelap lebar penuh dengan bekas kandungan berpusat, lebar maksimum 1200px. Elemen utama ialah logo tunggal yang diterangi, berpusat, dan bercahaya ("AuthKit" dalam fon kecerunan) di bawah teks berbentuk kening kecil, di belakangnya/di bawahnya terdapat tiga kad kaca terapung dengan borang log masuk terbuka (kad kiri condong ke kiri, kad tengah dimaksimumkan, kad kanan condong ke kanan). Togol tema terang/gelap berpusat di bawah elemen utama. Baris ciri ialah garis masa mendatar 6 ikon dengan garis penghubung nipis antara ikon bulat. Ritma bahagian: setiap bahagian bermula dengan teks berbentuk kening berpusat yang dibingkai oleh garis mendatar yang pudar, diikuti dengan tajuk besar yang berpusat (44-48px), diikuti oleh satu baris salinan badan yang disenyapkan (16-18px), lebar maksimum ~640px. Bahagian Sesuaikan memaparkan mockup tetingkap pelayar dengan kad log masuk yang terletak di tengah yang dikelilingi oleh panel pemeriksa UI terapung (palet warna, gelangsar jejari, pemilih ikon logo, medan teks butang, medan latar belakang halaman) yang diletakkan di sudut kanvas, seperti ruang kerja alat reka bentuk.
Reka bentuk visual didominasi oleh mockup borang log masuk, yang dihasilkan dalam gaya "morfologi kaca" (medan input e-mel/kata laluan, butang log masuk media sosial, entri kod tanpa kata laluan), dibentangkan sebagai kad lut sinar terapung pada kanvas tengah malam. Ikon ciri ialah glif linear monokrom dalam #d1e4fa dalam jubin bulat dan matte. Grid halus (garisan 1px dalam rgba(186,215,247,0.06)) meliputi seluruh halaman, mewujudkan suasana, manakala lampu sorot kecerunan kon berkilauan di bahagian atas elemen utama. Tiada foto, tiada imej gaya hidup, tiada tangkapan skrin produk—produk itu sendiri ialah elemen visual: medan log masuk disusun seperti prototaip kaca dalam studio gelap.
Palet
Jenama
- Void Violet
#663af3— Warna utama untuk butang seruan bertindak (CTA) ialah satu-satunya warna aksen yang digunakan secara eksklusif untuk butang "Teruskan/Hantar" dalam borang log masuk; warna ungu terang pada latar belakang hampir hitam mewujudkan rasa terdesak tanpa mengganggu skema warna monokromatik.
Neutral
- Midnight Canvas
#05060f— Latar belakang halaman, permukaan kad yang paling dalam, pengisian lencana—tapak hampir hitam tempat segala-galanya terapung. - Steel Plate
#2f343e— Permukaan dinaikkan, butang tindakan hantu/sekunder, sokongan panel diskret. - Fog Veil
#9da7ba— Teks utama, iaitu teks pada kad, boleh dibaca, tetapi lebih tertumpu pada latar belakang berbanding tajuk. - Moon Mist
#c7d3ea— Teks utama, label tambahan, teks bantu yang disenyapkan - Frost Glow
#d1e4fa— Warna isian utama untuk teks isi dan pautan, teks ikon dan isian ikon ialah latar depan bercahaya lalai. - Ice Highlight
#d8ecf8— Teks cerah pada permukaan gelap, label terbalik dan tajuk utama berkontras tinggi. Jangan gunakannya sebagai warna utama untuk seruan bertindak; kecerunan tajuk utama—peralihan lancar daripada biru muda kepada biru lembut dari atas ke bawah—digunakan dalam logo AuthKit dan tajuk utama.
Tipografi
dari 12 hingga 48px · 8 langkah
- Untitled Sans — penggantian: Inter · garis besar 400, 500, 600, 700 · Teks utama, antara muka pengguna, butang, medan input, ikon, tajuk kecil - fon universal untuk semua fungsi.
- aeonikPro — penggantian: Space Grotesk · garis besar 400, 500 · Hanya memaparkan tajuk—penjenamaan AuthKit, tajuk bahagian dan teks isi—pemberat fon 500 poin pada 44-48px memberikan penjenamaan penampilan yang luas dan bersahaja dan bukannya aksen yang mencolok.
- dotDigital — penggantian: JetBrains Mono · garis besar 400 · Teks semua huruf besar ("Memperkenalkan," "Reka Bentuk Boleh Diperluas," "Bersinar Terang") - teks semua huruf besar jarak tunggal dengan jarak 0.10em berfungsi sebagai pemisah halus antara teks isi dan tajuk.
Selang dan bentuk
| Tujuan | Maksudnya |
|---|---|
| Ketumpatan | luas |
| Langkah asas | 16px |
| Jejari butang | 999px |
| Jejari kad | 16px |
| Bayang-bayang | tiada - sempadan dan bukannya bayang-bayang |
| Antara bahagian | 120px |
| Lebar halaman | 1200px |
AI akan membina laman web anda dalam gaya Authkit 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
- Resend — baldu hitam dengan warna neon ungu
- Gsap — Papan putih beranimasi di studio reka bentuk. Dinding hampir hitam, kapur krim suam dan lima penanda berwarna—satu untuk setiap disiplin animasi.
- Slash — Peti besi tengah malam dengan lejar berlapis emas
- Raycast — Pusat Perintah Tengah Malam, Coral Neon
- Dimension — stesen kerja yang diterangi cahaya senja dengan panel kaca berkabut
- Modal — Terminal berpendarfluor di dalam bilik pelayan yang gelap - satu-satunya sumber cahaya ialah warna hijau terang
- 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.
- LaunchDarkly — Bilik kawalan neon ialah kokpit gelap di mana isyarat ungu berdenyut melalui panel hitam pekat.
- Ameba — Bilik kawalan pada tengah malam – denyutan biru elektrik di dalam panel kaca berkabut
- AgentQL — Cahaya Utara di atas terminal pada waktu malam
- Neon — Sebuah bilik pelayan selepas gelap. Kegelapan tulen, di mana satu-satunya cahaya datang daripada data dan interaksi pengguna.
- N8n — Enjin Aliran Kerja pada Tengah Malam – perasaan kanvas automasi masa nyata dalam bilik pelayan gelap, diterangi oleh penunjuk status dan aliran data