Authkit
Matglas-katedraal om middernag
AuthKit skep 'n nagtelike produkaanbiedings-estetika: 'n amper-swart doek met matglasoppervlakke, 'n rooster van skaars sigbare lyne en gloeiende teks wat verlig lyk deur 'n glaslaag. Die lettertipe is amper heeltemal wit teen 'n donker agtergrond, met 'n enkele helderpers aksent as die enigste funksionele element – elke interaktiewe oppervlak het 'n sagte, dun lyn van koel blouwit eerder as 'n stewige raam. Komponente word op deurskynende lae gerangskik, oor 'n omringende gloed gelaag, en die kaarte verskyn as glasplate wat van onder af verlig word, eerder as papierpanele. Die spasiëring is groot en ritmies; die hoofelement is 'n enkele verligte logo wat die hele breedte van die bladsy dek, omring deur swewende glaskaarte, eerder as 'n tradisionele gesplete skermuitleg.
'n Donker doek met volle breedte en 'n gesentreerde inhoudhouer, maksimum 1200px breed. Die hoofelement is 'n enkele, gesentreerde, verligte logo ("AuthKit" in 'n gradiëntlettertipe) onder 'n klein wenkbrouvormige teks, waaragter/onder drie swewende glaskaarte met 'n aanmeldvorm uitwaaier (linkerkaart links gekantel, middelkaart gemaksimeer, regterkaart regs gekantel). 'n Ligte/donker tema-skakelaar is gesentreer onder die hoofelement. Die kenmerkry is 'n horisontale tydlyn van 6 ikone met dun verbindingslyne tussen die sirkelvormige ikone. Afdelingritme: elke afdeling begin met 'n gesentreerde wenkbrouvormige teks wat omraam word deur vervaagde horisontale lyne, gevolg deur 'n groot, gesentreerde titel (44-48px), gevolg deur 'n enkele reël gedempte liggaamstekst (16-18px), maksimum breedte ~640px. Die Pasmaak-afdeling vertoon 'n model van 'n blaaiervenster met 'n sentraal geleë aanmeldkaart omring deur swewende UI-inspekteurpanele (kleurpalette, radiusskuifbalke, logo-ikoonkieser, knoppieteksveld, bladsyagtergrondveld) wat in die hoeke van die doek geposisioneer is, soos 'n ontwerpgereedskapswerkruimte.
Die visuele ontwerp word oorheers deur aanmeldvorm-modelle, vervaardig in 'n "glasmorfologie"-styl (e-pos/wagwoord-invoervelde, sosiale media-aanmeldknoppies, wagwoordlose kode-invoer), aangebied as swewende, deurskynende kaarte teen 'n middernagtelike doek. Kenmerkikone is monochroom lineêre glife in #d1e4fa binne ronde, matte teëls. 'n Subtiele rooster (1px-lyne in rgba(186,215,247,0.06)) bedek die hele bladsy en skep atmosfeer, terwyl 'n koniese gradiënt-kollig bo-aan die hoofelement glinster. Geen foto's, geen leefstylbeelde, geen produkskermkiekies nie – die produk self is die visuele element: aanmeldvelde gerangskik soos glasprototipes in 'n donker ateljee.
Palet
Handelsmerk
- Void Violet
#663af3— Die primêre kleur vir die oproep-tot-aksie (CTA)-knoppie is die enigste aksentkleur wat uitsluitlik vir die "Gaan voort/Dien in"-knoppie binne aanmeldvorms gebruik word; die helder pers teen die amper-swart agtergrond skep 'n gevoel van dringendheid sonder om die monochromatiese kleurskema te ontwrig.
Neutraal
- Midnight Canvas
#05060f— Die bladsyagtergrond, die diepste oppervlak van die kaart, die vulling van die kenteken—’n amper swart basis waarop alles anders dryf. - Steel Plate
#2f343e— Verhoogde oppervlak, fantoom-/sekondêre aksieknoppies, diskrete paneelagtergrond. - Fog Veil
#9da7ba— Die hoofteks, die teks op die kaart, is leesbaar, maar na die agtergrond verplaas in vergelyking met die opskrifte. - Moon Mist
#c7d3ea— Hoofteks, bykomende etikette, gedempte hulpteks - Frost Glow
#d1e4fa— Die primêre vulkleur vir liggaam- en skakelteks, ikoonteks en ikoonvul is die standaard gloeiende voorgrond. - Ice Highlight
#d8ecf8— Ligte teks op donker oppervlaktes, omgekeerde etikette en hoëkontras-opskrifte. Moenie dit as die primêre kleur vir oproepe tot aksie gebruik nie; 'n opskrifgradiënt – 'n gladde oorgang van ligblou na sagte blou van bo na onder – word in die AuthKit-logo en sleutelopskrifte gebruik.
Tipografie
van 12 tot 48px · 8 stappe
- Untitled Sans — vervanging: Inter · buitelyne 400, 500, 600, 700 · Hoofteks, gebruikerskoppelvlak, knoppies, invoervelde, ikone, klein opskrifte - 'n universele lettertipe vir alles funksioneel.
- aeonikPro — vervanging: Space Grotesk · buitelyne 400, 500 · Deur slegs opskrifte te vertoon – die AuthKit-handelsmerk, afdelingsopskrifte en liggaamsteks – gee 'n lettertipe van 500 punte teen 44-48 piksels die handelsmerk 'n wye, onderbeklemtoonde voorkoms eerder as 'n flitsende aksent.
- dotDigital — vervanging: JetBrains Mono · buitelyne 400 · Hoofletterteks ("Inleiding," "Uitbreidbare Ontwerp," "Skyn Helder") - monospasiëring hoofletterteks met 0.10em-spasiëring dien as subtiele skeidings tussen die hoofteks en die opskrif.
Intervalle en vorm
| Doel | Betekenis |
|---|---|
| Digtheid | ruim |
| Basiese stap | 16px |
| Knoppieradius | 999px |
| Kaartradius | 16px |
| Skaduwees | geen grense in plaas van skaduwees |
| Tussen afdelings | 120px |
| Bladsybreedte | 1200px |
KI sal jou webwerf in Authkit -styl bou en dit vul
- Vul met produkte en plasings via die skakel - Instagram, TikTok, Facebook.
- Dra inhoud van jou ou webwerf oor – spesifiseer net die adres.
- Moderne ontwerp op die beste enjin: React ( Next.js) met bedienerweergawe en SEO-optimalisering reg uit die boks.
- Volledig outomatiese SEO-optimering vir soekresultate en neurale netwerkaanbevelings.
Soortgelyke style
- Resend — swart fluweel met pers neonkleur
- Gsap — 'n Geanimeerde witbord in 'n ontwerpateljee. 'n Byna swart muur, warm roomkleurige kryt en vyf gekleurde merkers – een vir elke animasiedissipline.
- Slash — Middernagkluis met vergulde grootboeke
- Raycast — Middernag-bevelsentrum, Coral Neon
- Dimension — 'n skemerverligte werkstasie met matglaspanele
- Modal — 'n Fosforeserende terminaal in 'n donker bedienerkamer - die enigste ligbron is 'n heldergroen kleur
- Reflect Notes — Sterreviolet ruimte is 'n donker sterrewag waar note soos konstellasies dryf teen 'n agtergrond van amper swart indigo leegheid.
- LaunchDarkly — Die neonbeheerkamer is 'n donker kajuit waar pers seine deur pikswart panele pulseer.
- Ameba — Die beheerkamer om middernag – 'n elektriese blou pols binne matglaspanele
- AgentQL — Noorderligte oor die terminaal in die nag
- Neon — 'n Bedienerkamer na donker. Suiwer duisternis, waar die enigste lig van data en gebruikersinteraksies kom.
- N8n — Werkvloei-enjin om middernag – die gevoel van 'n intydse outomatiseringsdoek in 'n donker bedienerkamer, verlig deur statusaanwysers en datastrome