Authkit
Gijäniň ýarymynda buzly aýna kafedraly
“AuthKit” gijeki önümiň tanyşdyrylyş estetikasyny döredýär: aýna ýüzleri bilen gara reňkli tuwal, görünmeýän çyzyklaryň torlary we aýna gatlagy bilen ýagtylandyrylan ýaly görünýän ýalpyldawuk tekst. Şrift garaňky fonda diýen ýaly doly ak reňkde, ýeke-täk funksional element hökmünde ýeke-täk ýagty gyrmyzy reňkli aksent ulanylýar - her bir interaktiw ýüz berk çarçuwanyň ýerine sowuk gök-ak reňkli ýumşak, inçe çyzykdan ybarat. Komponentler şöhle saçýan gatlaklarda ýerleşdirilip, daşky şöhle bilen örtülen we kartlar kagyz panelleriň ýerine aşakdan ýagtylandyrylan aýna plitalary hökmünde görünýär. Aralyk uly we ritmik; esasy element sahypanyň tutuş inini gurşap alýan ýeke-täk ýagtylandyrylan logo bolup, adaty bölünen ekran görnüşiniň ýerine, ýüzüp ýören aýna kartlary bilen gurşalandyr.
Doly giňlikdäki, garaňky reňkli kanwas, merkezi mazmun konteýnerinde, iň köp 1200 piksel giňlikde. Esasy element kiçijik gaş şekilli tekstiň aşagynda ýeke-täk, merkezi, ýagtylandyrylan logotip ("AuthKit" gradient şriftde), onuň arkasynda/aşagynda giriş formasynyň ýelpijisi bolan üç sany ýüzýän aýna kart bar (çep kart çepe egilen, merkezi kart iň uly egilen, sag kart saga egilen). Esasy elementiň aşagynda açyk/garaňky tema açary ýerleşýär. Aýratynlyk setiri tegelek nyşanlaryň arasynda inçe birleşdiriji çyzyklary bolan 6 nyşanyň gorizontal wagt çyzygydyr. Bölüm ritmi: her bölüm solgun gorizontal çyzyklary bilen gurşalan merkezi gaş şekilli tekst bilen başlaýar, ondan soň uly, merkezi at (44-48 piksel), ondan soň bolsa sessiz esasy nusganyň ýeke-täk setiri (16-18 piksel), iň köp ini ~640 piksel. “Sazla” bölüminde dizaýn gurallarynyň iş meýdany ýaly, kanwanyň burçlarynda ýerleşýän, ýüzýän UI inspektor panelleri (reňk palitralary, radius sürgüçleri, logotip nyşany saýlaýjy, düwme tekst meýdany, sahypanyň fon meýdany) bilen gurşalan, merkezi ýerleşýän giriş karty bolan brauzer penjiresiniň maketini görkezýär.
Wizual dizaýnda giriş formasynyň maketleri agdyklyk edýär, olar "aýna morfologiýasy" stilinde (e-poçta/parol giriş meýdançalary, sosial media giriş düwmeleri, parolsyz kod girişi) döredilen we ýary gijeki kanwanyň fonunda ýüzýän, şeffaf kartlar hökmünde görkezilýär. Esasy nyşanlar tegelek, mat plitkalaryň içinde #d1e4fa-da monohrom çyzykly gliflerdir. Inçe tor (rgba-da 1px çyzyklary (186,215,247,0.06)) tutuş sahypany örtýär we atmosfera döredýär, esasy elementiň ýokarsynda bolsa konus görnüşli gradient projektor ýalpyldaýar. Suratlar ýok, durmuş suratlary ýok, önümiň ekran suratlary ýok - önümiň özi wizual elementdir: garaňky studiýada aýna prototipleri ýaly ýerleşdirilen giriş meýdançalary.
Palitra
Brend
- Void Violet
#663af3— Herekete çagyryş (CTA) düwmesi üçin esasy reňk, giriş formalaryndaky "Dowam et/Iber" düwmesi üçin diňe ulanylýan ýeke-täk aksent reňkidir; gara fonuň fonundaky açyk gyrmyzy reňk monohromatik reňk shemasyny bozmazdan, gyssaglylyk duýgusyny döredýär.
Neýtral
- Midnight Canvas
#05060f— Sahypanyň fony, kartyň iň çuň ýüzi, nyşanyň doldurylyşy — beýleki ähli zatlaryň ýüzýän diýen ýaly gara esas. - Steel Plate
#2f343e— Galdyrylan ýüz, fantom/ikinji derejeli hereket düwmeleri, gizlin paneliň arka tarapy. - Fog Veil
#9da7ba— Esasy tekst, ýagny kartoçkadaky tekst okalyp bilner, ýöne sözbaşylar bilen deňeşdirilende arka plana süýşürilipdir. - Moon Mist
#c7d3ea— Esasy tekst, goşmaça ýazgylar, sessiz kömekçi tekst - Frost Glow
#d1e4fa— Esasy we baglanyşyk teksti, nyşan teksti we nyşan doldurmak üçin esasy doldurma reňki öň planda ýalpyldawuk reňkdir. - Ice Highlight
#d8ecf8— Garaňky ýüzlerdäki açyk tekst, tersine öwrülen ýazgylar we ýokary kontrastly sözbaşylar. Ony herekete çagyryşlar üçin esasy reňk hökmünde ulanmaň; AuthKit logotipinde we esasy sözbaşylarda sözbaşy gradienti — açyk gökden ýumşak gök reňke ýokardan aşak ýumşak geçiş — ulanylýar.
Tipografiýa
12-den 48 piksele çenli · 8 ädim
- Untitled Sans — çalyşmak: Inter · konturlar 400, 500, 600, 700 · Esasy tekst, ulanyjy interfeýsi, düwmeler, giriş meýdançalary, nyşanlar, kiçi sözbaşylar - ähli funksiýalar üçin uniwersal şrift.
- aeonikPro — çalyşmak: Space Grotesk · konturlar 400, 500 · Diňe sözbaşylary — AuthKit brendingini, bölüm sözbaşylaryny we esasy teksti — 44-48 piksel ölçegli 500 punktlyk şrift brendinge ýalpyldawuk aksent däl-de, giň, ýönekeý görnüş berýär.
- dotDigital — çalyşmak: JetBrains Mono · konturlar 400 · Baş harplar bilen ýazylan tekst ("Tanyşdyryş", "Giňeldilip bolýan dizaýn", "Ýagty şöhle saçýan") - 0,10 em aralyk bilen ýazylan bir aralykly baş harplar bilen ýazylan tekst esasy tekst bilen sözbaşynyň arasynda inçe bölüji hökmünde hyzmat edýär.
Aralyklar we görnüş
| Maksat | Manysy |
|---|---|
| Dykyzlyk | giňişlik |
| Esasy ädim | 16px |
| Düwme radiusy | 999px |
| Kart radiusy | 16px |
| Kölegeler | kölegeleriň ýerine serhetler ýok |
| Bölümleriň arasynda | 120px |
| Sahypanyň giňligi | 1200px |
Süni intellekt web sahypaňyzy Authkit stilinde gurar we ony doldurar
- Instagram, TikTok, Facebook salgylary arkaly önümler we ýazgylar bilen dolduryň.
- Köne saýtyňyzdan mazmuny göçüriň — diňe salgyny görkeziň.
- Iň gowy motorda döwrebap dizaýn: React ( Next.js) serwer renderi we SEO optimizasiýasy bilen gyssagly ýagdaýda.
- Gözleg netijeleri we neýron tor maslahatlary üçin doly awtomatlaşdyrylan SEO optimizasiýasy.
Meňzeş stiller
- Resend — gara mahmal we gyrmyzy neon reňki
- Gsap — Dizaýn studiýasyndaky animasiýaly ak tagta. Tas gara diwar, ýyly krem reňkli bor we bäş reňkli marker — her animasiýa ugry üçin bir.
- Slash — Altyn örtükli depderler bilen gijäniň ýarymyndaky seýf
- Raycast — Ýarym gijeki dolandyryş merkezi, Mercan Neon
- Dimension — Aýna panelleri bilen örtülen garaňkylyk ýagtylandyrylan iş ýeri
- Modal — Garaňky serwer otagyndaky fosforesens terminal - ýeke-täk ýagtylyk çeşmesi ýagty ýaşyl reňkde
- Reflect Notes — Ýyldyzly biwel kosmos garaňky obserwatoriýa bolup, onda notalar diýen ýaly gara indigo boşlugynyň fonunda ýyldyzlar topary ýaly ýüzýär.
- LaunchDarkly — Neon dolandyryş otagy garaňky kabina bolup, ol ýerde gyrmyzy signallar gara reňkli panellerden geçýär.
- Ameba — Ýary gije dolandyryş otagy – buzlanan aýna panelleriň içinde elektrik gök impulsy
- AgentQL — Gije terminalyň üstünde Demirgazyk çyralary
- Neon — Garaňkylykdan soň serwer otagy. Diňe maglumatlardan we ulanyjy gatnaşyklaryndan ýagtylyk gelýän arassa garaňkylyk.
- N8n — Ýarym gijeki iş akymynyň hereketlendirijisi – garaňky serwer otagynda, ýagdaý görkezijileri we maglumat akymlary bilen ýagtylandyrylan, hakyky wagt awtomatlaşdyryş kanwasynyň duýgusy