Authkit
Katidral tal-Ħġieġ Imċajpar f'Nofsillejl
AuthKit joħloq estetika ta' preżentazzjoni ta' prodott billejl: kanvas kważi iswed b'uċuħ tal-ħġieġ imċajpra, grilja ta' linji bilkemm viżibbli, u test jiddi li jidher imdawwal minn saff tal-ħġieġ. It-tipa hija kważi kompletament bajda fuq sfond skur, b'aċċent vjola jgħajjat wieħed bħala l-uniku element funzjonali—kull wiċċ interattiv għandu linja ratba u rqiqa ta' blu-abjad frisk minflok qafas riġidu. Il-komponenti huma rranġati fuq saffi trasluċidi, f'saffi fuq tiddix ambjentali, u l-karti jidhru bħala pjanċi tal-ħġieġ imdawla minn taħt, aktar milli pannelli tal-karta. L-ispazjar huwa kbir u ritmiku; l-element ewlieni huwa logo wieħed imdawwal li jkopri l-wisa' kollha tal-paġna, imdawwar b'karti tal-ħġieġ f'wiċċ l-ilma, aktar milli tqassim tradizzjonali ta' skrin maqsum.
Kanvas skur b'wisa' sħiħ b'kontenitur tal-kontenut iċċentrat, wiesa' massimu ta' 1200px. L-element prinċipali huwa logo wieħed, iċċentrat, imdawwal ("AuthKit" f'font gradjent) taħt test żgħir forma ta' eyebrow, warajh/taħthom jinfirxu tliet karti tal-ħġieġ f'wiċċ l-ilma b'formola ta' login (karta tax-xellug inklinata lejn ix-xellug, karta taċ-ċentru massimizzata, karta tal-lemin inklinata lejn il-lemin). Toggle tat-tema ċara/skura hija ċċentrata taħt l-element prinċipali. Ir-ringiela tal-karatteristiċi hija linja ta' żmien orizzontali ta' 6 ikoni b'linji rqaq ta' konnessjoni bejn l-ikoni ċirkolari. Ritmu tas-sezzjoni: kull sezzjoni tibda b'test iċċentrat forma ta' eyebrow inkwadrat minn linji orizzontali li jisparixxu, segwit minn titlu kbir iċċentrat (44-48px), segwit minn linja waħda ta' kopja siekta tal-ġisem (16-18px), wisa' massima ta' ~640px. It-taqsima Customize turi mockup ta' tieqa tal-browser b'karta tal-login f'post ċentrali mdawra b'pannelli tal-ispettur tal-UI f'wiċċ l-ilma (paletti tal-kuluri, sliders tar-raġġ, selettur tal-ikona tal-logo, qasam tat-test tal-buttuna, qasam tal-isfond tal-paġna) pożizzjonati fil-kantunieri tal-kanvas, bħal spazju tax-xogħol tal-għodod tad-disinn.
Id-disinn viżwali huwa ddominat minn mockups ta' formoli ta' login, maħduma fi stil ta' "morfoloġija tal-ħġieġ" (oqsma ta' input tal-email/password, buttuni ta' login tal-midja soċjali, dħul ta' kodiċi mingħajr password), ippreżentati bħala karti trasluċidi f'wiċċ l-ilma fuq kanvas ta' nofsillejl. L-ikoni karatteristiċi huma glifi lineari monokromi f'#d1e4fa ġewwa madum tond u matte. Grilja sottili (linji ta' 1px f'rgba(186,215,247,0.06)) tkopri l-paġna kollha, u toħloq atmosfera, filwaqt li spotlight koniku b'gradjent jiddi fil-parti ta' fuq tal-element prinċipali. L-ebda ritratt, l-ebda immaġni ta' stil ta' ħajja, l-ebda screenshots tal-prodott—il-prodott innifsu huwa l-element viżwali: oqsma ta' login irranġati bħal prototipi tal-ħġieġ fi studio mudlam.
Paletta
Marka
- Void Violet
#663af3— Il-kulur primarju għall-buttuna tas-sejħa għall-azzjoni (CTA) huwa l-uniku kulur aċċentattiv użat esklussivament għall-buttuna "Kompli/Ibgħat" fil-formoli tal-login; il-vjola vibranti fuq l-isfond kważi iswed joħloq sens ta' urġenza mingħajr ma jfixkel l-iskema tal-kuluri monokromatika.
Newtrali
- Midnight Canvas
#05060f— L-isfond tal-paġna, l-iktar wiċċ fond tal-karta, il-mili tal-badge—bażi kważi sewda li fuqha kollox ieħor jifflowtja. - Steel Plate
#2f343e— Wiċċ imqajjem, buttuni ta' azzjoni fantażma/sekondarja, rinforz diskret tal-pannell. - Fog Veil
#9da7ba— It-test prinċipali, it-test fuq il-karta, jista' jinqara, iżda jitpoġġa fl-isfond meta mqabbel mat-titoli. - Moon Mist
#c7d3ea— Test prinċipali, tikketti addizzjonali, test awżiljarju sieket - Frost Glow
#d1e4fa— Il-kulur primarju tal-mili għat-test tal-korp u tal-link, it-test tal-ikona, u l-mili tal-ikona huwa l-ewwel plan jiddi awtomatiku. - Ice Highlight
#d8ecf8— Test ċar fuq uċuħ skuri, tikketti maqlubin, u titoli b'kuntrast għoli. Tużahx bħala l-kulur primarju għal sejħiet għal azzjoni; gradjent tat-titlu—tranżizzjoni bla xkiel minn blu ċar għal blu ċar minn fuq għal isfel—jintuża fil-logo tal-AuthKit u t-titoli ewlenin.
Tipografija
minn 12 sa 48px · 8 passi
- Untitled Sans — sostituzzjoni: Inter · linji gwida 400, 500, 600, 700 · Test prinċipali, interfaċċja tal-utent, buttuni, oqsma tad-dħul, ikoni, intestaturi żgħar - font universali għal kollox funzjonali.
- aeonikPro — sostituzzjoni: Space Grotesk · linji gwida 400, 500 · Billi jintwerew biss l-intestaturi—il-branding ta' AuthKit, l-intestaturi tas-sezzjonijiet, u t-test tal-ġisem—piż tat-tipa ta' 500 punt f'44-48px jagħti lill-branding dehra wiesgħa u sottili aktar milli aċċent attraenti.
- dotDigital — sostituzzjoni: JetBrains Mono · linji gwida 400 · Test kollu b'ittri kbar ("Introduzzjoni," "Disinn Espandibbli," "Jiddi b'Mod Qawwi") - test kollu b'ittri kbar b'spazjar wieħed u spazjar ta' 0.10em iservi bħala separaturi sottili bejn il-korp tat-test u l-intestatura.
Intervalli u forma
| Skop | Tifsira |
|---|---|
| Densità | spazjuż |
| Pass bażiku | 16px |
| Raġġ tal-buttuna | 999px |
| Raġġ tal-karta | 16px |
| Dellijiet | le - fruntieri minflok dellijiet |
| Bejn is-sezzjonijiet | 120px |
| Wisa' tal-paġna | 1200px |
L-AI se tibni l-websajt tiegħek fl-istil ta' Authkit u timlieha
- Imla bi prodotti u postijiet permezz tal-link - Instagram, TikTok, Facebook.
- Ittrasferixxi l-kontenut mis-sit il-qadim tiegħek—speċifika biss l-indirizz.
- Disinn modern fuq l-aqwa magna: React ( Next.js) b'rendering tas-server u ottimizzazzjoni SEO lesti għall-użu.
- Ottimizzazzjoni SEO kompletament awtomatizzata għar-riżultati tat-tfittxija u rakkomandazzjonijiet tan-netwerk newrali.
Stili simili
- Resend — bellus iswed bil-kulur neon vjola
- Gsap — Whiteboard animata fi studio tad-disinn. Ħajt kważi iswed, ġibs krema sħuna, u ħames markers ikkuluriti—wieħed għal kull dixxiplina tal-animazzjoni.
- Slash — Kassa ta' nofsillejl b'kotba tad-deheb
- Raycast — Ċentru tal-Kmand ta' Nofsillejl, Coral Neon
- Dimension — stazzjon tax-xogħol imdawwal fid-dlam b'pannelli tal-ħġieġ matt
- Modal — Terminal fosforesċenti f'kamra tas-server mudlama - l-unika sors ta' dawl huwa kulur aħdar jgħajjat
- Reflect Notes — L-ispazju vjola mimli kwiekeb huwa osservatorju mudlam fejn in-noti jgħumu bħal kostellazzjonijiet fuq sfond ta’ vojt kważi iswed lewn l-indigo.
- LaunchDarkly — Il-Kamra tal-Kontroll tan-Neon hija kabina tal-pilota mudlama fejn dwal vjola jippulsaw minn ġo pannelli suwed bħall-ġett.
- Ameba — Il-kamra tal-kontroll f'nofsillejl – pulsazzjoni blu elettrika ġewwa pannelli tal-ħġieġ matt
- AgentQL — Dwal tat-Tramuntana fuq it-terminal bil-lejl
- Neon — Kamra tas-server wara li jidlam. Dlam pur, fejn l-uniku dawl jiġi mid-dejta u l-interazzjonijiet tal-utent.
- N8n — Magna tal-Fluss tax-Xogħol f'Nofsillejl – is-sensazzjoni ta' kanvas ta' awtomazzjoni f'ħin reali f'kamra mudlama tas-servers, imdawwla b'indikaturi tal-istatus u flussi ta' dejta