Authkit
Kathedral yeGlasi Yakakangwa paMidnight
AuthKit inogadzira runako rwechigadzirwa chehusiku: kanivhasi dema rakaita segirazi rakaomeswa nechando, grid yemitsara isingaonekwe zvakanaka, uye mavara anopenya anoonekwa akavhenekerwa negirazi. Manyorerwo acho anenge akachena chose padivi perima, ane ruvara rwepepuru rwakajeka sechimwe chinhu chinoshanda—nzvimbo yega yega inodyidzana ine mutsetse wakapfava, mutete webhuruu-chena inotonhorera pane furemu yakaoma. Zvikamu zvakarongwa pazvikamu zvinopenya, zvakaiswa pamusoro pechiedza chemhepo, uye makadhi anoonekwa semaplate egirazi akavhenekerwa kubva pasi, kwete mapepa epepa. Nzvimbo yakakura uye ine mutinhimira; chinhu chikuru ilogo imwe chete yakavhenekerwa inofukidza upamhi hwese hwepeji, yakakomberedzwa nemakadhi egirazi anoyangarara, pane kurongeka kwechinyakare kwescreen yakapatsanurwa.
Kanivhasi ine upamhi hwakazara, rima rine mudziyo wepakati, upamhi hwepamusoro hwe1200px. Chinhu chikuru ilogo imwe chete, yapakati, yakavhenekerwa ("AuthKit" mufonti yegradient) pasi pechinyorwa chidiki chakaita sematsiye, kumashure kwayo/pasi payo paine makadhi matatu egirazi anoyangarara ane feni yekupinda kunze (kadhi rekuruboshwe rakanamirwa kuruboshwe, kadhi repakati rakanamirwa, kadhi rerudyi rakanamirwa kurudyi). Toggle yemusoro werima/wakajeka iri pakati pechinhu chikuru. Mutsetse wechinhu inguva yakatarwa yezviratidzo zvitanhatu zvine mitsetse mitete inobatanidza pakati pezviratidzo zvedenderedzwa. Mutsetse wechikamu: chikamu chimwe nechimwe chinotanga nechinyorwa chakaita sematsiye chakavakirwa pakati chakaumbwa nemitsetse yakatsetseka inopera, ichiteverwa nemusoro mukuru, wapakati (44-48px), ichiteverwa nemutsetse mumwe chete wekopi yemuviri yakadzima (16-18px), upamhi hwepamusoro ~640px. Chikamu cheCustomize chinoratidza mockup yehwindo rebrowser rine kadhi rekupinda riri pakati rakakomberedzwa nemapaneru ekuongorora eUI anoyangarara (mavara emavara, ma radius sliders, logo icon selector, button text field, peji background field) yakaiswa pamakona ecanvas, senzvimbo yekushandira maturusi ekugadzira.
Dhizaini yekuona inotungamirwa nema mockups ekupinda, akagadzirwa nenzira ye "glass morphology" (email/password input fields, social media login buttons, password-less code entry), anoratidzwa semakadhi anoyangarara, anopenya pa canvas yepakati pehusiku. Zviratidzo zvemaficha ma glyphs ari monochrome linear ari mu #d1e4fa mukati memataira akatenderera, asina matte. Grid iri nyore (1px lines mu rgba(186,215,247,0.06)) inofukidza peji rese, ichigadzira mamiriro ekunze, nepo chiedza che conical gradient chichipenya pamusoro pechinhu chikuru. Hapana mapikicha, hapana mifananidzo yemararamiro, hapana mapikicha echigadzirwa—chigadzirwa chacho ndicho chinhu chinoonekwa: nzvimbo dzekupinda dzakarongwa semagirazi prototypes mu studio yerima.
Palette
Rudzi
- Void Violet
#663af3— Ruvara rukuru rwebhatani rekuti "call-to-action" (CTA) ndiro chete ruvara rwekutsanangura runoshandiswa chete pabhatani rekuti "Rambai/Tumira" mukati memafomu ekupinda; ruvara rwepepuru runopenya rwuri pedyo nedema runoita kuti pave nekukurumidzira pasina kukanganisa ruvara rwemonochromatic.
Kwakarerekera
- Midnight Canvas
#05060f— Kumashure kwepeji, pamusoro pakadzika pekadhi, kuzadzwa kwebheji—hwaro hunenge hutema apo zvimwe zvese zvinoyangarara. - Steel Plate
#2f343e— Nzvimbo yakasimudzwa, mabhatani echiito che phantom/secondary, background yepaneru yakavanzika. - Fog Veil
#9da7ba— Rugwaro rukuru, rugwaro ruri pakadhi, runoverengwa, asi runodzikiswa kumashure zvichienzaniswa nemisoro. - Moon Mist
#c7d3ea— Rugwaro rukuru, mamwe mavara, rugwaro rwekubatsira rwakadzimwa - Frost Glow
#d1e4fa— Ruvara rukuru rwekuzadza kwemuviri nerunyorwa rwekubatanidza, runyoro rwechiratidzo, uye runyoro rwechiratidzo ndiyo nzvimbo yekumberi inopenya. - Ice Highlight
#d8ecf8— Rugwaro rwakajeka panzvimbo dzine rima, mavara akapindurwa, uye misoro yenyaya ine musiyano mukuru. Usarushandise seruvara rukuru rwekushevedza vanhu kuti vaite chimwe chinhu; ruvara rwemusoro—kuchinja kwakanaka kubva pabhuruu rakajeka kuenda kubhuruu rakapfava kubva kumusoro kuenda pasi—runoshandiswa mulogo yeAuthKit nemisoro yenhau huru.
Kunyora
kubva pa12 kusvika pa48px · 8 matanho
- Untitled Sans — kutsiva: Inter · marongero 400, 500, 600, 700 · Rugwaro rukuru, chiratidziro chemushandisi, mabhatani, minda yekuisa, zviratidzo, misoro midiki - fonti yepasi rose yezvinhu zvese zvinoshanda.
- aeonikPro — kutsiva: Space Grotesk · marongero 400, 500 · Kuratidza misoro chete—chiratidzo cheAuthKit, misoro yezvikamu, uye rugwaro rwemuviri—huremu hwefonti hwemapoinzi mazana mashanu pa44-48px kunoita kuti chiratidzo chitaridzike zvakanyanya, kwete sechinopenya.
- dotDigital — kutsiva: JetBrains Mono · marongero 400 · Rugwaro rwemusoro wenyaya ("Kusuma," "Kuwedzera Dhizaini," "Shine Bright") - rugwaro rwemusoro wenyaya rwemusoro wenyaya rwunopatsanurwa nechikamu che0.10em chinoshanda senzira dzekuparadzanisa zvinyorwa zvemuviri nemusoro wenyaya.
Zvikamu uye chimiro
| Chinangwa | Zvinoreva |
|---|---|
| Kuwanda kwevanhu | yakakura |
| Danho rekutanga | 16px |
| Radiyo yebhatani | 999px |
| Nharaunda yekadhi | 16px |
| Mimvuri | kwete - miganhu panzvimbo pemumvuri |
| Pakati pezvikamu | 120px |
| Upamhi hwepeji | 1200px |
AI ichavaka webhusaiti yako nenzira ye Authkit uye ichaizadza
- Zadza nezvigadzirwa uye zvinyorwa uchishandisa chinongedzo - Instagram, TikTok, Facebook.
- Tumira zvirimo kubva pawebsite yako yekare—ingo taura kero yacho.
- Dhizaini yemazuva ano painjini yakanakisisa: React ( Next.js) ine server rendering uye SEO optimization zviri nyore.
- Kugadzirisa SEO otomatiki zvizere kuti uwane mhinduro dzekutsvaga uye mazano e neural network.
Mafashoni akafanana
- Resend — velvet nhema ine ruvara rwepepuru neon
- Gsap — Bhodhi jena remakatuni riri mustudio yekugadzira. Rusvingo runenge rutema, choko inodziya yekirimu, uye mamaki mashanu ane mavara—rimwe chete pachikamu chega chega chemakatuni.
- Slash — Chivako chepakati pehusiku chine magwaro egoridhe
- Raycast — Nzvimbo Yekuraira Pakati Pehusiku, Coral Neon
- Dimension — nzvimbo yekushandira ine chiedza chezuva ine magirazi ane chando
- Modal — Chiteshi che phosphorescent chiri mukamuri re server rakasviba - chiedza chega chinobva ruvara rwegirini rakajeka
- Reflect Notes — Nzvimbo ine nyeredzi yepepuru inzvimbo yekutarisa ine rima uko manotsi anoyangarara semapoka enyeredzi achitarisa kumashure kwenzvimbo isina chinhu yeindigo nhema.
- LaunchDarkly — Kamuri rekudzora ma neon inzvimbo ine rima yekuchengetera magiya umo zviratidzo zvepepuru zvinopinda nepakati pemapaneru matema.
- Ameba — Imba yekudzora pakati pehusiku - kurira kwebhuruu kwemagetsi mukati memagirazi ane chando
- AgentQL — Mwenje yekuchamhembe iri pamusoro pechiteshi chemagetsi husiku
- Neon — Imba yeseva mushure merima. Rima rakachena, uko chiedza chega chinobva mudata uye kutaurirana kwevashandisi.
- N8n — Injini yeKufamba Kwebasa paMidnight - kunzwa kwecanvas inoshanda otomatiki panguva chaiyo mukamuri reseva rine rima, rakavhenekerwa nezviratidziro zvemamiriro ezvinhu uye data streams