Authkit
Katedral an vè glase a minwi
AuthKit kreye yon estetik prezantasyon pwodwi pou lannwit: yon twal prèske nwa ak sifas an vè ki glase, yon griy liy ki apèn vizib, ak tèks klere ki parèt eklere pa yon kouch an vè. Polis karaktè a prèske antyèman blan sou yon background nwa, ak yon sèl aksan koulè mov klere kòm sèl eleman fonksyonèl la—chak sifas entèaktif gen yon liy mou ak mens ble-blan fre olye de yon ankadreman rijid. Konpozan yo ranje sou kouch translisid, kouch sou yon limyè anbyen, epi kat yo parèt tankou plak an vè ki eklere pa anba, olye de panno papye. Espas la gwo epi ritmik; eleman prensipal la se yon sèl logo eklere ki kouvri tout lajè paj la, antoure pa kat an vè k ap flote, olye de yon layout tradisyonèl ekran divize.
Yon twal nwa, plen lajè, ak yon veso kontni santre, maksimòm 1200px lajè. Eleman prensipal la se yon sèl logo santre, limen ("AuthKit" nan yon polis gradyan) anba yon ti tèks ki gen fòm sousi, dèyè/anba twa kat an vè k ap flote ak yon fòm koneksyon ki gaye (kat agoch panche agoch, kat santre maksimize, kat adwat panche adwat). Yon bouton tèm klè/nwa santre anba eleman prensipal la. Ranje karakteristik la se yon delè orizontal ki gen 6 ikòn ak liy koneksyon mens ant ikòn sikilè yo. Ritm seksyon: chak seksyon kòmanse ak yon tèks santre ki gen fòm sousi ki antoure pa liy orizontal ki ap disparèt, ki te swiv pa yon gwo tit santre (44-48px), ki te swiv pa yon sèl liy tèks kò ki pa twò klere (16-18px), maksimòm lajè ~640px. Seksyon Pèsonalize a montre yon maket yon fenèt navigatè ak yon kat koneksyon ki sitiye nan sant la ki antoure pa panno enspektè koòdone itilizatè k ap flote (palèt koulè, kurseur reyon, selektè ikòn logo, chan tèks bouton, chan background paj) ki pozisyone nan kwen twal la, tankou yon espas travay zouti konsepsyon.
Design vizyèl la domine pa maket fòm koneksyon, ki fèt nan yon style "mòfoloji an vè" (chan pou antre imel/modpas, bouton koneksyon medya sosyal, antre kòd san modpas), prezante kòm kat k ap flote, translisid sou yon twal minwi. Ikòn karakteristik yo se glif lineyè monokrom nan #d1e4fa andedan mozayik won, mat. Yon griy sibtil (liy 1px nan rgba(186,215,247,0.06)) kouvri tout paj la, kreye atmosfè, pandan yon pwojektè gradyan konik klere nan tèt eleman prensipal la. Pa gen foto, pa gen imaj vi, pa gen ekran pwodwi—pwodwi a li menm se eleman vizyèl la: chan koneksyon yo ranje tankou prototip an vè nan yon estidyo fè nwa.
Palèt
Mak
- Void Violet
#663af3— Koulè prensipal bouton apèl-a-aksyon (CTA) a se sèl koulè aksan yo itilize sèlman pou bouton "Kontinye/Soumèt" nan fòm koneksyon yo; koulè mov vibran an sou yon background prèske nwa kreye yon sans ijans san li pa deranje konbinezon koulè monokromatik la.
Netral
- Midnight Canvas
#05060f— Fon paj la, sifas ki pi fon nan kat la, ranpli badj la—yon baz prèske nwa kote tout lòt bagay yo flote. - Steel Plate
#2f343e— Sifas ki leve anlè, bouton aksyon fantom/segondè, dèyè panèl diskrè. - Fog Veil
#9da7ba— Tèks prensipal la, tèks ki sou kat la, lizib, men li mete nan background nan konpare ak tit yo. - Moon Mist
#c7d3ea— Tèks prensipal, etikèt adisyonèl, tèks oksilyè an silans - Frost Glow
#d1e4fa— Koulè prensipal pou ranpli tèks kò a ak tèks lyen an, tèks ikòn nan, ak ranpli ikòn nan se premye plan ki klere pa default la. - Ice Highlight
#d8ecf8— Tèks klè sou sifas nwa, etikèt envèse, ak tit ki gen anpil kontras. Pa sèvi avè l kòm koulè prensipal pou apèl a aksyon; yon gradyan tit—yon tranzisyon lis soti nan ble klè rive nan ble mou soti anwo jouk anba—yo itilize l nan logo AuthKit la ak tit kle yo.
Tipografi
soti nan 12 pou rive nan 48px · 8 etap
- Untitled Sans — ranplasman: Inter · plan 400, 500, 600, 700 · Tèks prensipal, koòdone itilizatè, bouton, chan pou antre enfòmasyon, ikòn, ti tit - yon font inivèsèl pou tout bagay fonksyonèl.
- aeonikPro — ranplasman: Space Grotesk · plan 400, 500 · Lè w ap montre sèlman tit yo—mak AuthKit la, tit seksyon yo, ak kò tèks la—yon pwa karaktè 500 pwen nan 44-48px bay mak la yon aparans laj, senp olye de yon aksan flashy.
- dotDigital — ranplasman: JetBrains Mono · plan 400 · Tèks an majiskil ("Prezantasyon," "Konsepsyon Agrandi," "Briye") - tèks an majiskil monospace ak yon espas 0.10em sèvi kòm separasyon sibtil ant kò tèks la ak tit la.
Entèval ak fòm
| Objektif | Siyifikasyon |
|---|---|
| Dansite | espasye |
| Etap debaz | 16px |
| Reyon bouton | 999px |
| Reyon kat | 16px |
| Lonbray | pa gen fwontyè olye de lonbraj |
| Ant seksyon yo | 120px |
| Lajè paj la | 1200px |
IA ap bati sit entènèt ou a nan style Authkit epi ranpli li.
- Ranpli ak pwodwi ak piblikasyon atravè lyen an - Instagram, TikTok, Facebook.
- Transfere kontni ki soti nan ansyen sit ou a—jis presize adrès la.
- Design modèn sou pi bon motè a: React ( Next.js) ak rann sèvè ak optimize SEO pare pou itilize.
- Optimizasyon SEO konplètman otomatik pou rezilta rechèch ak rekòmandasyon rezo newòn.
Stil ki sanble
- Resend — velours nwa ak koulè neon mov
- Gsap — Yon tablo blan anime nan yon estidyo konsepsyon. Yon miray prèske nwa, lakrè krèm cho, ak senk makè koulè—youn pou chak disiplin animasyon.
- Slash — Vout minwi ak rejis dore
- Raycast — Sant Kòmandman Minwi, Coral Neon
- Dimension — yon estasyon travay ki limen nan lè solèy kouche ak panno an vè glase
- Modal — Yon tèminal fosforesan nan yon chanm sèvè ki fè nwa - sèl sous limyè a se yon koulè vèt klere.
- Reflect Notes — Espas vyolèt plen zetwal se yon obsèvatwa fènwa kote nòt yo flote tankou konstelasyon sou yon fon vid prèske nwa koulè digo.
- LaunchDarkly — Sal kontwòl neon an se yon kokpit fè nwa kote siyal mov yo bat nan panno nwa tankou ja.
- Ameba — Sal kontwòl la a minwi - yon pulsasyon ble elektrik andedan panno vè glase yo
- AgentQL — Limyè Nò yo sou tèminal la lannwit
- Neon — Yon chanm sèvè apre fènwa. Fènwa nèt, kote sèl limyè a soti nan done ak entèraksyon itilizatè yo.
- N8n — Motè Workflow a Minwi – santiman yon twal automatisation an tan reyèl nan yon chanm sèvè fè nwa, eklere pa endikatè estati ak kouran done.