Authkit
Cadeirlan Gwydr Barugog am Hanner Nos
Mae AuthKit yn creu estheteg cyflwyno cynnyrch gyda'r nos: cynfas bron yn ddu gydag arwynebau gwydr barugog, grid o linellau prin yn weladwy, a thestun disglair sy'n ymddangos wedi'i oleuo gan haen wydr. Mae'r ffont bron yn gyfan gwbl wyn yn erbyn cefndir tywyll, gydag un acen borffor llachar fel yr unig elfen swyddogaethol—mae gan bob arwyneb rhyngweithiol linell feddal, denau o las-gwyn oer yn hytrach na ffrâm anhyblyg. Mae cydrannau wedi'u trefnu ar haenau tryloyw, wedi'u haenu dros lewyrch amgylchynol, ac mae'r cardiau'n ymddangos fel platiau gwydr wedi'u goleuo o'r gwaelod, yn hytrach na phaneli papur. Mae'r bylchau'n fawr ac yn rhythmig; y prif elfen yw un logo wedi'i oleuo sy'n rhychwantu lled cyfan y dudalen, wedi'i amgylchynu gan gardiau gwydr arnofiol, yn hytrach na chynllun sgrin hollt traddodiadol.
Cynfas tywyll, lled llawn gyda chynhwysydd cynnwys canolog, uchafswm o 1200px o led. Y prif elfen yw logo sengl, canolog, wedi'i oleuo ("AuthKit" mewn ffont graddiant) o dan destun bach siâp ael, ac y tu ôl/islaw y mae tair cerdyn gwydr arnofiol gyda ffurflen mewngofnodi yn ffanio allan (cerdyn chwith wedi'i ogwyddo i'r chwith, cerdyn canol wedi'i uchafswm, cerdyn dde wedi'i ogwyddo i'r dde). Mae togl thema golau/tywyll wedi'i ganoli o dan y brif elfen. Y rhes nodwedd yw llinell amser lorweddol o 6 eicon gyda llinellau cysylltu tenau rhwng yr eiconau crwn. Rhythm yr adran: mae pob adran yn dechrau gyda thestun canolog siâp ael wedi'i fframio gan linellau llorweddol pylu, ac yna teitl mawr, canolog (44-48px), ac yna un llinell o gopi corff tawel (16-18px), uchafswm lled ~640px. Mae'r adran Addasu yn dangos ffug o ffenestr porwr gyda cherdyn mewngofnodi wedi'i leoli'n ganolog wedi'i amgylchynu gan baneli arolygwr UI arnofiol (paletau lliw, llithryddion radiws, dewiswr eicon logo, maes testun botwm, maes cefndir tudalen) wedi'u lleoli yng nghorneli'r cynfas, fel gweithle offer dylunio.
Mae'r dyluniad gweledol wedi'i ddominyddu gan ffug-fformiau mewngofnodi, wedi'u crefftio mewn arddull "morffoleg gwydr" (meysydd mewnbwn e-bost/cyfrinair, botymau mewngofnodi cyfryngau cymdeithasol, mewnbwn cod heb gyfrinair), wedi'u cyflwyno fel cardiau tryloyw, arnofiol yn erbyn cynfas hanner nos. Mae eiconau nodwedd yn glyffiau llinol monocrom yn #d1e4fa o fewn teils crwn, matte. Mae grid cynnil (llinellau 1px yn rgba(186,215,247,0.06)) yn gorchuddio'r dudalen gyfan, gan greu awyrgylch, tra bod goleuni graddiant conigol yn disgleirio ar frig y prif elfen. Dim lluniau, dim delweddau ffordd o fyw, dim sgrinluniau cynnyrch—y cynnyrch ei hun yw'r elfen weledol: meysydd mewngofnodi wedi'u trefnu fel prototeipiau gwydr mewn stiwdio dywyll.
Palet
Brand
- Void Violet
#663af3— Y lliw sylfaenol ar gyfer y botwm galwad i weithredu (CTA) yw'r unig liw acen a ddefnyddir yn gyfan gwbl ar gyfer y botwm "Parhau/Cyflwyno" o fewn ffurflenni mewngofnodi; mae'r porffor bywiog yn erbyn y cefndir bron yn ddu yn creu ymdeimlad o frys heb amharu ar y cynllun lliw monocromatig.
Niwtral
- Midnight Canvas
#05060f— Cefndir y dudalen, arwyneb dyfnaf y cerdyn, llenwad y bathodyn—sylfaen bron yn ddu y mae popeth arall yn arnofio arni. - Steel Plate
#2f343e— Arwyneb wedi'i godi, botymau gweithredu ffug/eilaidd, cefn panel disylw. - Fog Veil
#9da7ba— Mae'r prif destun, y testun ar y cerdyn, yn ddarllenadwy, ond wedi'i israddio i'r cefndir o'i gymharu â'r penawdau. - Moon Mist
#c7d3ea— Prif destun, labeli ychwanegol, testun ategol wedi'i dawelu - Frost Glow
#d1e4fa— Y lliw llenwi cynradd ar gyfer testun y corff a'r ddolen, testun eicon, a llenwi eicon yw'r blaendir tywynnol diofyn. - Ice Highlight
#d8ecf8— Testun golau ar arwynebau tywyll, labeli gwrthdro, a phenawdau cyferbyniad uchel. Peidiwch â'i ddefnyddio fel y prif liw ar gyfer galwadau i weithredu; defnyddir graddiant pennawd—trawsnewidiad llyfn o las golau i las meddal o'r top i'r gwaelod—yn logo AuthKit a phenawdau allweddol.
Teipograffeg
o 12 i 48px · 8 cam
- Untitled Sans — amnewid: Inter · amlinelliadau 400, 500, 600, 700 · Prif destun, rhyngwyneb defnyddiwr, botymau, meysydd mewnbwn, eiconau, penawdau bach - ffont cyffredinol ar gyfer popeth swyddogaethol.
- aeonikPro — amnewid: Space Grotesk · amlinelliadau 400, 500 · Gan arddangos penawdau yn unig—brandio AuthKit, penawdau adrannau, a thestun y corff—mae pwysau ffont 500 pwynt ar 44-48px yn rhoi golwg eang, danddatganedig i'r brandio yn hytrach nag acen fflachlyd.
- dotDigital — amnewid: JetBrains Mono · amlinelliadau 400 · Testun priflythrennau ("Cyflwyno," "Dyluniad Ehangadwy," "Disgleirio'n Llachar") - mae testun priflythrennau gydag un bylchau o 0.10em yn gwasanaethu fel gwahanyddion cynnil rhwng y testun corff a'r pennawd.
Cyfnodau a ffurf
| Diben | Ystyr |
|---|---|
| Dwysedd | eang |
| Cam sylfaenol | 16px |
| Radiws botwm | 999px |
| Radiws y cerdyn | 16px |
| Cysgodion | dim ffiniau yn lle cysgodion |
| Rhwng adrannau | 120px |
| Lled y dudalen | 1200px |
Bydd AI yn adeiladu eich gwefan yn null Authkit ac yn ei llenwi
- Llenwch gyda chynhyrchion a phostiadau trwy'r ddolen - Instagram, TikTok, Facebook.
- Trosglwyddo cynnwys o'ch hen wefan—nodwch y cyfeiriad yn unig.
- Dyluniad modern ar yr injan orau: React ( Next.js) gyda rendro gweinydd ac optimeiddio SEO yn syth ar y bocs.
- Optimeiddio SEO cwbl awtomataidd ar gyfer canlyniadau chwilio ac argymhellion rhwydwaith niwral.
Arddulliau tebyg
- Resend — melfed du gyda lliw neon porffor
- Gsap — Bwrdd gwyn animeiddiedig mewn stiwdio ddylunio. Wal bron yn ddu, sialc hufen cynnes, a phum marciwr lliw—un ar gyfer pob disgyblaeth animeiddio.
- Slash — Siambr hanner nos gyda llyfrau llyfrau aur
- Raycast — Canolfan Reoli Hanner Nos, Coral Neon
- Dimension — gweithfan sydd wedi'i goleuo wrth y cyfnos gyda phaneli gwydr barugog
- Modal — Terfynell ffosfforescent mewn ystafell weinyddion dywyll - yr unig ffynhonnell golau yw lliw gwyrdd llachar
- Reflect Notes — Mae gofod fioled serennog yn arsyllfa dywyll lle mae nodiadau'n arnofio fel cytserau yn erbyn cefndir o wagder indigo bron yn ddu.
- LaunchDarkly — Talwrn tywyll yw'r ystafell reoli neon lle mae signalau porffor yn pylu trwy baneli du jet.
- Ameba — Yr ystafell reoli am hanner nos – pwls glas trydan y tu mewn i baneli gwydr barugog
- AgentQL — Goleuadau Gogleddol uwchben y derfynfa yn y nos
- Neon — Ystafell gweinydd ar ôl iddi nosi. Tywyllwch pur, lle mae'r unig olau'n dod o ddata a rhyngweithiadau defnyddwyr.
- N8n — Peiriant Llif Gwaith am Hanner Nos – teimlad o gynfas awtomeiddio amser real mewn ystafell weinyddion dywyll, wedi'i oleuo gan ddangosyddion statws a ffrydiau data