Authkit
Gecəyarısı Şaxtalı Şüşə Katedrali
AuthKit gecə məhsul təqdimatı estetikası yaradır: buzlu şüşə səthləri, çətinliklə görünən xətlər şəbəkəsi və şüşə təbəqəsi ilə işıqlandırılmış kimi görünən parıldayan mətni olan demək olar ki, qara rəngli bir kətan. Şrift demək olar ki, tamamilə qaranlıq fonda ağ rəngdədir və yeganə funksional element kimi tək bir parlaq bənövşəyi vurğu var - hər bir interaktiv səthdə sərt çərçivə əvəzinə soyuq mavi-ağ rəngli yumşaq, nazik bir xətt var. Komponentlər şəffaf təbəqələr üzərində yerləşdirilib, ətraf parıltısı üzərində qatlanıb və kartlar kağız panellər əvəzinə aşağıdan işıqlandırılan şüşə lövhələr kimi görünür. Aralıq böyük və ritmikdir; əsas element, ənənəvi bölünmüş ekran düzülüşü əvəzinə, üzən şüşə kartlarla əhatə olunmuş, səhifənin bütün enini əhatə edən tək bir işıqlı loqodur.
Mərkəzləşdirilmiş məzmun konteyneri olan tam enli, tünd rəngli kətan, maksimum 1200 piksel enində. Əsas element kiçik qaş formalı mətnin altında tək, mərkəzləşdirilmiş, işıqlandırılmış loqo (qradiyent şriftində "AuthKit"), arxasında/aşağısında giriş forması ventilyatoru olan üç üzən şüşə kart (sol kart sola əyilmiş, mərkəz kartı maksimuma əyilmiş, sağ kart sağa əyilmiş) yerləşir. Əsas elementin altında açıq/tünd mövzu açarı mərkəzləşdirilib. Xüsusiyyət sətri dairəvi nişanlar arasında nazik birləşdirici xətləri olan 6 nişandan ibarət üfüqi zaman xəttidir. Bölmə ritmi: hər bölmə solğun üfüqi xətlərlə çərçivəyə alınmış mərkəzləşdirilmiş qaş formalı mətnlə başlayır, ardınca böyük, mərkəzləşdirilmiş başlıq (44-48 piksel), ardınca isə səssiz əsas mətnin tək sətri (16-18 piksel), maksimum eni ~640 piksel. Fərdiləşdir bölməsi, dizayn alətləri iş sahəsi kimi kətan künclərində yerləşdirilmiş üzən UI müfəttiş panelləri (rəng palitraları, radius sürgüləri, loqo işarəsi seçicisi, düymə mətn sahəsi, səhifə fon sahəsi) ilə əhatə olunmuş mərkəzdə yerləşən giriş kartı olan brauzer pəncərəsinin maketini göstərir.
Vizual dizaynda "şüşə morfologiyası" üslubunda hazırlanmış (e-poçt/parol giriş sahələri, sosial media giriş düymələri, parolsuz kod girişi) giriş forması maketləri üstünlük təşkil edir və gecə yarısı kətan fonunda üzən, şəffaf kartlar kimi təqdim olunur. Xüsusiyyət nişanları dairəvi, mat plitələrin içərisində #d1e4fa ilə monoxrom xətti qliflərdir. İncə bir şəbəkə (rgba-da 1 piksel xətlər (186,215,247,0.06)) bütün səhifəni əhatə edir və atmosfer yaradır, konik qradiyentli işıq isə əsas elementin yuxarı hissəsində parıldayır. Şəkillər, həyat tərzi şəkilləri, məhsul ekran görüntüləri yoxdur - məhsulun özü vizual elementdir: qaranlıq studiyada şüşə prototiplər kimi düzülmüş giriş sahələri.
Palitra
Brend
- Void Violet
#663af3— Hərəkətə çağırış (CTA) düyməsinin əsas rəngi, giriş formalarında yalnız "Davam et/Göndər" düyməsi üçün istifadə edilən yeganə vurğu rəngidir; demək olar ki, qara fonda canlı bənövşəyi rəng monoxromatik rəng sxemini pozmadan təcililik hissi yaradır.
Neytral
- Midnight Canvas
#05060f— Səhifənin arxa planı, kartın ən dərin səthi, nişanın içliyi — demək olar ki, hər şeyin üzdüyü qara bir altlıq. - Steel Plate
#2f343e— Qaldırılmış səth, fantom/ikinci dərəcəli hərəkət düymələri, gizli panel arxalığı. - Fog Veil
#9da7ba— Əsas mətn, yəni kartdakı mətn oxunaqlıdır, lakin başlıqlarla müqayisədə arxa plana keçir. - Moon Mist
#c7d3ea— Əsas mətn, əlavə etiketlər, səssizləşdirilmiş köməkçi mətn - Frost Glow
#d1e4fa— Əsas və keçid mətni, işarə mətni və işarə doldurma üçün əsas doldurma rəngi standart parıldayan ön plandır. - Ice Highlight
#d8ecf8— Tünd səthlərdə açıq mətn, tərs çevrilmiş etiketlər və yüksək kontrastlı başlıqlar. Onu hərəkətə çağırışlar üçün əsas rəng kimi istifadə etməyin; AuthKit loqosunda və əsas başlıqlarda başlıq qradiyenti — yuxarıdan aşağıya açıq mavidən solğun maviyə hamar keçid — istifadə olunur.
Tipoqrafiya
12-dən 48 pikselə qədər · 8 addım
- Untitled Sans — əvəzetmə: Inter · konturlar 400, 500, 600, 700 · Əsas mətn, istifadəçi interfeysi, düymələr, giriş sahələri, nişanlar, kiçik başlıqlar - funksional olan hər şey üçün universal şrift.
- aeonikPro — əvəzetmə: Space Grotesk · konturlar 400, 500 · Yalnız başlıqların — AuthKit brendinqinin, bölmə başlıqlarının və əsas mətnin — 44-48 piksel ölçülü 500 punktluq şriftin göstərilməsi brendinqə parlaq vurğu əvəzinə geniş, sadə bir görünüş verir.
- dotDigital — əvəzetmə: JetBrains Mono · konturlar 400 · Böyük hərflərlə yazılmış mətn ("Təqdimat", "Genişləndirilə bilən Dizayn", "Parlaq Parlaqlıq") - 0,10 sm aralıqla yazılmış tək boşluqlu böyük hərflərlə yazılmış mətn əsas mətnlə başlıq arasında incə ayırıcı kimi xidmət edir.
İntervallar və forma
| Məqsəd | Mənası |
|---|---|
| Sıxlıq | geniş |
| Əsas addım | 16px |
| Düymə radiusu | 999px |
| Kart radiusu | 16px |
| Kölgələr | kölgələr əvəzinə sərhədlər yoxdur |
| Bölmələr arasında | 120px |
| Səhifə eni | 1200px |
Süni intellekt veb saytınızı Authkit üslubunda quracaq və onu dolduracaq
- Məhsullar və paylaşımlar ilə Instagram, TikTok, Facebook linkləri vasitəsilə tanış olun.
- Köhnə saytınızdan məzmunu köçürün — sadəcə ünvanı göstərin.
- Ən yaxşı mühərrikdə müasir dizayn: Server render və SEO optimallaşdırması ilə React ( Next.js).
- Axtarış nəticələri və neyron şəbəkə tövsiyələri üçün tam avtomatlaşdırılmış SEO optimallaşdırması.
Oxşar üslublar
- Resend — bənövşəyi neon rəngli qara məxmər
- Gsap — Dizayn studiyasında animasiyalı ağ lövhə. Demək olar ki, qara divar, isti krem təbaşir və hər animasiya sahəsi üçün bir ədəd olmaqla beş rəngli marker.
- Slash — Qızılı dəftərləri olan gecə yarısı sərdabəsi
- Raycast — Gecəyarısı Komandanlıq Mərkəzi, Mərcan Neon
- Dimension — Buzlu şüşə panelləri olan qaranlıq işıqlı iş yeri
- Modal — Qaranlıq server otağında fosforlu terminal - yeganə işıq mənbəyi parlaq yaşıl rəngdir
- Reflect Notes — Ulduzlu bənövşəyi fəza, demək olar ki, qara indigo boşluğunun fonunda notların bürclər kimi üzdüyü qaranlıq bir rəsədxanadır.
- LaunchDarkly — Neon idarəetmə otağı, bənövşəyi siqnalların qara panellərdən impuls etdiyi qaranlıq bir kabindir.
- Ameba — Gecəyarısı idarəetmə otağı – buzlu şüşə panellərin içərisində elektrikli mavi impuls
- AgentQL — Gecə terminalının üzərindəki şimal işıqları
- Neon — Qaranlıqdan sonra server otağı. Saf qaranlıqda, yalnız məlumatlardan və istifadəçi qarşılıqlı təsirlərindən işıq gəlir.
- N8n — Gecəyarısı İş Axını Mühərriki – qaranlıq server otağında, status göstəriciləri və məlumat axınları ilə işıqlandırılan real vaxt avtomatlaşdırma kətanının hissi