Authkit
Yarim tunda muzlatilgan shisha sobori
AuthKit tungi mahsulot taqdimoti estetikasini yaratadi: muzlatilgan shisha yuzalari, zo'rg'a ko'rinadigan chiziqlar panjarasi va shisha qatlami bilan yoritilgandek ko'rinadigan yaltiroq matnli deyarli qora kanvas. Shrift deyarli to'q fonda oq rangda bo'lib, yagona funktsional element sifatida bitta yorqin binafsha rang aksent mavjud - har bir interaktiv sirt qattiq ramka o'rniga sovuq ko'k-oq rangning yumshoq, ingichka chizig'iga ega. Komponentlar shaffof qatlamlarda joylashtirilgan, atrof-muhit nuri ustiga qatlamlangan va kartalar qog'oz panellar o'rniga pastdan yoritilgan shisha plitalar sifatida ko'rinadi. Bo'shliq katta va ritmik; asosiy element - bu sahifaning butun kengligini qamrab olgan, an'anaviy bo'lingan ekran tartibi o'rniga suzuvchi shisha kartalar bilan o'ralgan bitta yoritilgan logotip.
Markazlashtirilgan kontent konteyneriga ega to'liq kenglikdagi, to'q rangli kanvas, maksimal kengligi 1200 piksel. Asosiy element - bu kichik qosh shaklidagi matn ostidagi bitta, markazlashtirilgan, yoritilgan logotip ("AuthKit" gradient shriftda), uning orqasida/ostida kirish formasi ventilyatori tashqariga qaragan uchta suzuvchi shisha karta (chap karta chapga qiyshaygan, markaziy karta kattalashtirilgan, o'ng karta o'ngga qiyshaygan). Asosiy element ostida och/to'q rangli mavzu tugmasi markazlashtirilgan. Xususiyatlar qatori dumaloq piktogrammalar orasida ingichka bog'lovchi chiziqlar bo'lgan 6 ta piktogrammadan iborat gorizontal vaqt jadvalidir. Bo'lim ritmi: har bir bo'lim xira gorizontal chiziqlar bilan o'ralgan markazlashtirilgan qosh shaklidagi matn bilan boshlanadi, undan keyin katta, markazlashtirilgan sarlavha (44-48 piksel), undan keyin ovozsiz asosiy nusxaning bitta qatori (16-18 piksel), maksimal kengligi ~640 piksel. "Moslashtirish" bo'limida markazda joylashgan kirish kartasi bo'lgan brauzer oynasining maketini ko'rsatadi, uning atrofida suzuvchi UI inspektor panellari (rang palitralari, radius slayderlari, logotip belgisi tanlagichi, tugma matn maydoni, sahifa fon maydoni) joylashgan bo'lib, ular dizayn vositalari ish maydoni kabi tuvalning burchaklarida joylashgan.
Vizual dizaynda "shisha morfologiyasi" uslubida yaratilgan (elektron pochta/parol kiritish maydonlari, ijtimoiy tarmoqlarga kirish tugmalari, parolsiz kod kiritish) kirish formasi maketlari ustunlik qiladi, ular yarim tunda ishlangan kanvas fonida suzuvchi, shaffof kartalar sifatida taqdim etiladi. Xususiyat piktogrammalari dumaloq, mot plitkalar ichidagi #d1e4fa dagi monoxrom chiziqli gliflardir. Nozik panjara (rgba (186,215,247,0.06) dagi 1px chiziqlar) butun sahifani qoplaydi va atmosfera yaratadi, asosiy elementning yuqori qismida esa konussimon gradientli proyektor porlaydi. Suratlar yo'q, turmush tarzi tasvirlari yo'q, mahsulot skrinshotlari yo'q - mahsulotning o'zi vizual elementdir: qorong'u studiyada shisha prototiplar kabi joylashtirilgan kirish maydonlari.
Palitra
Brend
- Void Violet
#663af3— Harakatga chaqirish (CTA) tugmasi uchun asosiy rang - bu kirish shakllaridagi "Davom etish/Yuborish" tugmasi uchun ishlatiladigan yagona urg'u rangi; deyarli qora fonga qarshi yorqin binafsha rang monoxromatik ranglar sxemasini buzmasdan, shoshilinchlik hissini yaratadi.
Neytral
- Midnight Canvas
#05060f— Sahifaning orqa foni, kartaning eng chuqur yuzasi, nishonning to'ldirilishi — qolgan hamma narsa suzib yuradigan deyarli qora asos. - Steel Plate
#2f343e— Ko'tarilgan sirt, fantom/ikkinchi darajali harakat tugmalari, yashirin panel orqa tomoni. - Fog Veil
#9da7ba— Asosiy matn, ya'ni kartadagi matn o'qilishi mumkin, ammo sarlavhalarga nisbatan orqa fonga tushirilgan. - Moon Mist
#c7d3ea— Asosiy matn, qo'shimcha yorliqlar, ovozsiz yordamchi matn - Frost Glow
#d1e4fa— Asosiy va havola matni, belgi matni va belgi to'ldirish uchun asosiy to'ldirish rangi standart yonib turgan old fon hisoblanadi. - Ice Highlight
#d8ecf8— Qorong'u yuzalardagi och matn, teskari yorliqlar va yuqori kontrastli sarlavhalar. Uni harakatga chaqiruvlar uchun asosiy rang sifatida ishlatmang; AuthKit logotipi va asosiy sarlavhalarida sarlavha gradienti - och ko'kdan och ko'k rangga yuqoridan pastgacha silliq o'tish - ishlatiladi.
Tipografiya
12 dan 48 pikselgacha · 8 qadam
- Untitled Sans — almashtirish: Inter · konturlar 400, 500, 600, 700 · Asosiy matn, foydalanuvchi interfeysi, tugmalar, kiritish maydonlari, piktogrammalar, kichik sarlavhalar - barcha funktsional narsalar uchun universal shrift.
- aeonikPro — almashtirish: Space Grotesk · konturlar 400, 500 · Faqat sarlavhalarni — AuthKit brendingi, bo'lim sarlavhalari va asosiy matnni — 44-48 piksel o'lchamdagi 500 punktli shriftni ko'rsatish brendga yorqin aksent o'rniga keng, sodda ko'rinish beradi.
- dotDigital — almashtirish: JetBrains Mono · konturlar 400 · Katta harflar bilan yozilgan matn ("Tanishtiruvchi", "Kengaytiriladigan dizayn", "Yorqin porlash") - 0,10 sm oraliqdagi bir oraliqdagi katta harflar bilan yozilgan matn asosiy matn va sarlavha o'rtasida nozik ajratuvchi bo'lib xizmat qiladi.
Intervallar va shakl
| Maqsad | Ma'nosi |
|---|---|
| Zichlik | keng |
| Asosiy qadam | 16px |
| Tugma radiusi | 999px |
| Karta radiusi | 16px |
| Soyalar | soyalar o'rniga chegaralar yo'q |
| Bo'limlar orasida | 120px |
| Sahifa kengligi | 1200px |
Sun'iy intellekt veb-saytingizni Authkit uslubida yaratadi va uni to'ldiradi
- Mahsulotlar va postlarni Instagram, TikTok, Facebook havolalari orqali to'ldiring.
- Eski saytingizdan kontentni o'tkazing — shunchaki manzilni ko'rsating.
- Eng yaxshi dvigatelda zamonaviy dizayn: React ( Next.js) server renderlash va SEO optimallashtirish bilan darhol.
- Qidiruv natijalari va neyron tarmoq tavsiyalari uchun to'liq avtomatlashtirilgan SEO optimallashtirish.
O'xshash uslublar
- Resend — binafsha neon rangli qora baxmal
- Gsap — Dizayn studiyasidagi animatsion oq doska. Deyarli qora devor, iliq krem bo'r va beshta rangli marker — har bir animatsiya yo'nalishi uchun bittadan.
- Slash — Yarim tunda zarhal daftarchalar bilan qoplangan ombor
- Raycast — Yarim tunda qo'mondonlik markazi, Coral Neon
- Dimension — muzlatilgan shisha panellar bilan qoplangan qorong'u yoritilgan ish joyi
- Modal — Qorong'i server xonasidagi fosforli terminal - yagona yorug'lik manbai yorqin yashil rang
- Reflect Notes — Yulduzli binafsha fazo - bu deyarli qora indigo bo'shlig'i fonida notalar yulduz turkumlari kabi suzib yuradigan qorong'u rasadxona.
- LaunchDarkly — Neon boshqaruv xonasi - bu qorong'u kokpit, u yerda binafsha signallar qora panellar orqali impulslanadi.
- Ameba — Yarim tunda boshqaruv xonasi – muzlatilgan shisha panellar ichidagi elektr ko'k puls
- AgentQL — Kechasi terminal ustidagi shimoliy chiroqlar
- Neon — Qorong'i tushgandan keyingi server xonasi. Sof zulmat, bu yerda yorug'lik faqat ma'lumotlar va foydalanuvchilarning o'zaro ta'siridan keladi.
- N8n — Midnight’dagi Workflow Engine – qorong‘u server xonasida real vaqt rejimida avtomatlashtirish kanvasi hissi, holat ko‘rsatkichlari va ma’lumotlar oqimlari bilan yoritilgan