Authkit
Katedral Kaca Buram Tengah Peuting
AuthKit nyiptakeun estetika presentasi produk peuting: kanvas ampir hideung kalayan permukaan kaca buram, grid garis anu ampir teu katingali, sareng téks anu hurung anu katingalina disinari ku lapisan kaca. Jenis hurufna ampir sadayana bodas kalayan latar anu poék, kalayan hiji aksen ungu caang salaku hiji-hijina unsur fungsional — unggal permukaan interaktif ngagaduhan garis anu lemes sareng ipis tina biru-bodas tiis tinimbang pigura anu kaku. Komponen disusun dina lapisan transparan, dilapis dina cahaya ambient, sareng kartu-kartuna katingali salaku pelat kaca anu disinari ti handap, sanés panel kertas. Jarakna ageung sareng ritmis; unsur utama nyaéta logo tunggal anu disinari anu nutupan sakumna lébar halaman, dikurilingan ku kartu kaca anu ngambang, sanés tata letak layar pamisah tradisional.
Kanvas poék lébar pinuh kalayan wadah eusi anu di tengah, lébar maksimal 1200px. Unsur utama nyaéta logo tunggal anu di tengah, di caangkeun ("AuthKit" dina font gradien) di handapeun téks leutik anu bentukna kawas alis, di tukangeunana/di handapna aya tilu kartu kaca ngambang kalayan formulir login anu di buka (kartu kénca miring ka kénca, kartu tengah di maksimalkeun, kartu katuhu miring ka katuhu). Toggle téma caang/poék di tengah di handapeun unsur utama. Baris fitur nyaéta garis waktu horizontal 6 ikon kalayan garis panyambung ipis antara ikon bunderan. Wirahma bagian: unggal bagian dimimitian ku téks bentuk alis di tengah anu dibingkai ku garis horizontal anu luntur, dituturkeun ku judul anu ageung di tengah (44-48px), dituturkeun ku hiji baris salinan awak anu diredam (16-18px), lébar maksimal ~640px. Bagian Sesuaikeun nampilkeun mockup jandela browser kalayan kartu login anu aya di tengah anu di keliling ku panel inspektur UI ngambang (palét warna, slider radius, pamilih ikon logo, widang téks tombol, widang latar halaman) anu di posisikeun di juru kanvas, sapertos rohangan kerja alat desain.
Desain visualna didominasi ku mockup formulir login, didamel dina gaya "morfologi kaca" (kolom input email/sandi, tombol login média sosial, entri kode tanpa sandi), dipidangkeun salaku kartu transparan anu ngambang dina kanvas tengah peuting. Ikon fitur nyaéta glif linier monokrom dina #d1e4fa dina ubin buleud anu matte. Grid anu halus (garis 1px dina rgba (186,215,247,0.06)) nutupan sakumna halaman, nyiptakeun suasana, sedengkeun sorotan gradien kerucut berkilauan di luhur unsur utama. Teu aya poto, teu aya gambar gaya hirup, teu aya cuplikan layar produk—produkna sorangan mangrupikeun unsur visual: kolom login disusun sapertos prototipe kaca dina studio anu poék.
Palet
Merek
- Void Violet
#663af3— Warna utama pikeun tombol ajakan-pikeun-aksi (CTA) nyaéta hiji-hijina warna aksen anu dianggo sacara éksklusif pikeun tombol "Teraskeun/Kirim" dina formulir login; warna ungu anu cerah ngalawan latar tukang anu ampir hideung nyiptakeun rasa urgensi tanpa ngaganggu skéma warna monokromatik.
Nétral
- Midnight Canvas
#05060f— Latar tukang kaca, beungeut kartu anu pangjerona, eusian lencana—dasar anu ampir hideung tempat sagala rupa ngambang. - Steel Plate
#2f343e— Beungeut anu diangkat, tombol aksi phantom/sekundér, panel tukang anu wijaksana. - Fog Veil
#9da7ba— Téks utama, téks dina kartu, tiasa dibaca, tapi langkung ka latar dibandingkeun sareng judulna. - Moon Mist
#c7d3ea— Téks utama, labél tambahan, téks bantu anu dibungkem - Frost Glow
#d1e4fa— Warna eusian utama pikeun téks awak sareng tautan, téks ikon, sareng eusian ikon nyaéta latar hareup anu hurung standar. - Ice Highlight
#d8ecf8— Téks hampang dina permukaan poék, labél tibalik, sareng judul anu kontrasna luhur. Tong dianggo salaku warna utama pikeun ajakan bertindak; gradien judul—transisi anu mulus tina biru ngora ka biru lemes ti luhur ka handap—dianggo dina logo AuthKit sareng judul konci.
Tipografi
ti 12 nepi ka 48px · 8 léngkah
- Untitled Sans — panggantian: Inter · garis besar 400, 500, 600, 700 · Téks utama, antarmuka pangguna, tombol, kolom input, ikon, judul alit - font universal pikeun sadayana anu fungsional.
- aeonikPro — panggantian: Space Grotesk · garis besar 400, 500 · Ngan ukur némbongkeun judul—branding AuthKit, judul bagian, sareng téks awak—bobot font 500 poin dina 44-48px masihan branding tampilan anu lega sareng sederhana tinimbang aksen anu mencolok.
- dotDigital — panggantian: JetBrains Mono · garis besar 400 · Téks sadaya-huruf kapital ("Ngawanohkeun," "Desain anu Tiasa Dilegaan," "Bersinar Caang") - téks sadaya-huruf kapital monospasi kalayan jarak 0.10em janten pamisah anu samar antara téks awak sareng judul.
Interval sareng bentuk
| Tujuan | Hartina |
|---|---|
| Kapadetan | lega |
| Léngkah dasar | 16px |
| Radius tombol | 999px |
| Radius kartu | 16px |
| Kalangkang | euweuh - wates tinimbang kalangkang |
| Antara bagian | 120px |
| Lebar kaca | 1200px |
AI bakal ngawangun situs wéb anjeun dina gaya Authkit 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
- Resend — beludru hideung kalayan warna neon ungu
- Gsap — Papan tulis animasi di studio desain. Tembok anu ampir hideung, kapur tulis krim haneut, sareng lima spidol warna—hiji pikeun unggal disiplin animasi.
- Slash — Gudang tengah peuting kalawan buku besar anu dilapis emas
- Raycast — Pusat Komando Tengah Peuting, Coral Neon
- Dimension — tempat damel anu dihias ku lampu senja kalayan panel kaca buram
- Modal — Terminal berpendar di rohangan server anu poék - hiji-hijina sumber cahaya nyaéta héjo caang
- Reflect Notes — Rohangan wungu nu pinuh ku béntang mangrupa observatorium poék dimana catetan-catetan ngambang kawas rasi béntang kalawan latar tukang kakosongan indigo nu ampir hideung.
- LaunchDarkly — Ruang kontrol néon nyaéta kokpit poék tempat sinyal wungu nyala ngaliwatan panel hideung legam.
- Ameba — Ruang kontrol tengah peuting – denyut biru listrik di jero panel kaca buram
- AgentQL — Lampu Kalér di luhur terminal peuting
- Neon — Rohangan server sanggeus poék. Poék pisan, dimana hiji-hijina cahaya asalna tina data jeung interaksi pamaké.
- N8n — Mesin Alur Kerja di Tengah Peuting – rarasaan kanvas otomatisasi real-time dina rohangan server anu poék, disinari ku indikator status sareng aliran data