Authkit
Katedralo de Prujnvitro ĉe Noktomezo
AuthKit kreas noktan produktan prezento-estetikon: preskaŭ nigra kanvaso kun mallumvitraj surfacoj, krado de apenaŭ videblaj linioj, kaj brilanta teksto kiu ŝajnas lumigita per vitra tavolo. La tiparo estas preskaŭ tute blanka kontraŭ malhela fono, kun ununura brile viola akcento kiel la sola funkcia elemento — ĉiu interaga surfaco havas molan, maldikan linion de malvarmeta blu-blanka anstataŭ rigida kadro. Komponantoj estas aranĝitaj sur travideblaj tavoloj, tavoligitaj super ĉirkaŭa brilo, kaj la kartoj aperas kiel vitraj platoj lumigitaj de sube, anstataŭ paperaj paneloj. La interspaco estas granda kaj ritma; la ĉefa elemento estas ununura lumigita emblemo ampleksanta la tutan larĝon de la paĝo, ĉirkaŭita de ŝvebantaj vitraj kartoj, anstataŭ tradicia dividita ekrana aranĝo.
Plenlarĝa, malhela kanvaso kun centrita enhavujo, maksimume 1200 rastrumeroj larĝa. La ĉefa elemento estas ununura, centrita, lumigita emblemo ("AuthKit" en gradienta tiparo) sub malgranda brovforma teksto, malantaŭ kiu/sub kiu tri ŝvebantaj vitraj kartoj kun ensaluta formularo disvastiĝas (maldekstra karto klinita maldekstren, centra karto maksimumigita, dekstra karto klinita dekstren). Hela/malhela temo-ŝaltilo estas centrita sub la ĉefa elemento. La ĉefa vico estas horizontala templinio de 6 ikonoj kun maldikaj konektaj linioj inter la cirklaj ikonoj. Ritmo de la sekcio: ĉiu sekcio komenciĝas per centrita brovforma teksto enkadrigita de svagiĝantaj horizontalaj linioj, sekvata de granda, centrita titolo (44-48 rastrumeroj), sekvata de ununura linio de silentigita korpoteksto (16-18 rastrumeroj), maksimuma larĝo ~640 rastrumeroj. La sekcio Agordi montras modelon de retumila fenestro kun centre lokita ensaluta karto ĉirkaŭita de ŝvebantaj paneloj de la uzantinterfaco-inspektisto (kolorpaletroj, radiusaj ŝoviloj, elektilo de la emblemaj ikonoj, kampo de butonoj, kampo de paĝa fono) poziciigitaj ĉe la anguloj de la kanvaso, kiel laborspaco de dezajnaj iloj.
La vidan dezajnon dominas modeloj de ensalutaj formularoj, kreitaj laŭ stilo de "vitra morfologio" (retpoŝtaj/pasvortaj enigaj kampoj, butonoj por ensaluto en sociaj retoj, enigo de senpasvorta kodo), prezentitaj kiel ŝvebantaj, travideblaj kartoj sur noktomeza kanvaso. La ĉefaj ikonoj estas monokromataj liniaj glifoj en #d1e4fa ene de rondaj, senbrilaj kaheloj. Subtila krado (1-pikselaj linioj en rgba(186,215,247,0.06)) kovras la tutan paĝon, kreante etoson, dum konusa gradienta lumĵetilo brilas ĉe la supro de la ĉefa elemento. Neniuj fotoj, neniuj vivstilaj bildoj, neniuj ekranfotoj de la produkto - la produkto mem estas la vida elemento: ensalutaj kampoj aranĝitaj kiel vitraj prototipoj en malluma studio.
Paletro
Marko
- Void Violet
#663af3— La ĉefa koloro por la butono alvoko al ago (CTA) estas la sola akcenta koloro uzata ekskluzive por la butono "Daŭrigi/Sendi" ene de ensalutaj formularoj; la vigla purpuro kontraŭ la preskaŭ nigra fono kreas senton de urĝeco sen interrompi la monokromatan kolorskemon.
Neŭtrala
- Midnight Canvas
#05060f— La paĝfono, la plej profunda surfaco de la karto, la plenigaĵo de la insigno — preskaŭ nigra bazo sur kiu ĉio alia flosas. - Steel Plate
#2f343e— Ŝvelinta surfaco, fantomaj/sekundaraj agbutonoj, diskreta panela subteno. - Fog Veil
#9da7ba— La ĉefa teksto, la teksto sur la karto, estas legebla, sed forigita al la fono kompare kun la titoloj. - Moon Mist
#c7d3ea— Ĉefa teksto, aldonaj etikedoj, silentigita helpteksto - Frost Glow
#d1e4fa— La ĉefa plenigkoloro por korpo- kaj ligilteksto, ikonteksto kaj ikonplenigaĵo estas la defaŭlta brilanta malfono. - Ice Highlight
#d8ecf8— Hela teksto sur malhelaj surfacoj, inversaj etikedoj, kaj altkontrastaj titoloj. Ne uzu ĝin kiel la ĉefan koloron por alvokoj al ago; titola gradiento — glata transiro de helblua al mola blua de supre malsupren — estas uzata en la AuthKit-emblemo kaj ĉefaj titoloj.
Tipografio
de 12 ĝis 48 rastrumeroj · 8 paŝoj
- Untitled Sans — anstataŭaĵo: Inter · konturoj 400, 500, 600, 700 · Ĉefa teksto, uzulinterfaco, butonoj, enigokampoj, ikonoj, malgrandaj titoloj - universala tiparo por ĉio funkcia.
- aeonikPro — anstataŭaĵo: Space Grotesk · konturoj 400, 500 · Montrante nur titolojn — la AuthKit-markigon, sekciajn titolojn kaj korptekston — 500-punkta tipara pezo je 44-48 rastrumeroj donas al la markigo larĝan, modestan aspekton anstataŭ pompaĉan akĉenton.
- dotDigital — anstataŭaĵo: JetBrains Mono · konturoj 400 · Tutmajuskla teksto ("Enkonduko", "Pligrandigebla Dezajno", "Brilu Hele") - unuspaca tutmajuskla teksto kun interspaco de 0.10em servas kiel subtilaj apartigiloj inter la ĉefteksto kaj la titolo.
Intervaloj kaj formo
| Celo | Signifo |
|---|---|
| Denseco | vasta |
| Baza paŝo | 16px |
| Butona radiuso | 999px |
| Karto-radiuso | 16px |
| Ombroj | ne - limoj anstataŭ ombroj |
| Inter sekcioj | 120px |
| Paĝlarĝo | 1200px |
AI konstruos vian retejon laŭ la stilo de Authkit kaj plenigos ĝin
- Plenigu per produktoj kaj afiŝoj per la ligilo - Instagram, TikTok, Facebook.
- Transdonu enhavon de via malnova retejo — nur specifu la adreson.
- Moderna dezajno sur la plej bona motoro: React ( Next.js) kun servila bildigo kaj SEO-optimigo tuj uzeblaj.
- Plene aŭtomatigita SEO-optimigo por serĉrezultoj kaj rekomendoj pri neŭralaj retoj.
Similaj stiloj
- Resend — nigra veluro kun purpura neona koloro
- Gsap — Vigla blanka tabulo en dezajna studio. Preskaŭ nigra muro, varma kremkolora kreto, kaj kvin koloraj markiloj — unu por ĉiu animacia fako.
- Slash — Noktomeza trezorejo kun orumitaj ĉeflibroj
- Raycast — Noktomeza Komandcentro, Koralruĝa Neono
- Dimension — krepusk-lumigita laborejo kun pruvitraj paneloj
- Modal — Fosforeska terminalo en mallumigita servilĉambro - la sola lumfonto estas helverda koloro
- Reflect Notes — Stelplena viola spaco estas malhela observejo, kie notoj ŝvebas kiel konstelacioj kontraŭ fono de preskaŭ nigra indiga malpleneco.
- LaunchDarkly — La neona direktejo estas malhela pilotejo, kie purpuraj signaloj pulsas tra nigregaj paneloj.
- Ameba — La direktejo je noktomezo - elektra blua pulso ene de frostvitraj paneloj
- AgentQL — Nordaj lumoj super la terminalo nokte
- Neon — Servila ĉambro post mallumo. Pura mallumo, kie la sola lumo venas de datumoj kaj uzantaj interagoj.
- N8n — Laborflua Motoro je Noktomezo - la sento de realtempa aŭtomatiga kanvaso en malhela servilĉambro, lumigita per statusindikiloj kaj datumfluoj