Modal
Terfynell ffosfforescent mewn ystafell weinyddion dywyll - yr unig ffynhonnell golau yw lliw gwyrdd llachar
Mae moddol yn gweithredu fel terfynell ffosfforescent mewn ystafell weinyddion dywyll: cynfas bron yn ddu, teip gwyrdd golau, ac un acen leim-wyrdd llachar sy'n gweithredu fel dangosydd statws LED. Mae'r iaith ddylunio yn canolbwyntio ar y datblygwr—ffenestri cod ungofod gyda dotiau goleuadau traffig, eiconau 3D isometrig yn y gwyrdd llofnod, a digon o le gwyn, gan ganiatáu i un elfen ym mhob adran ddisgleirio. Mae teipograffeg wedi'i rhannu rhwng ffont personol (Goga) ar gyfer penawdau a ffont amrywiol (Inter) ar gyfer pob elfen UI, y ddau wedi'u gosod gydag olrhain negyddol cul. Mae lliwiau wedi'u dosbarthu'n gyfartal: mae'r rhan fwyaf o sgriniau'n acromatig, ac mae'r lliw leim-wyrdd llachar yn ymddangos ar gamau gweithredu allweddol, y logo, darluniau 3D, ac eiliadau o bwyslais yn unig. Mae cydrannau'n wastad ac yn ddi-ffrâm, gyda dyfnder wedi'i greu trwy ffiniau gwyrdd cynnil a chefndir aneglur yn hytrach na chysgodion.
Mae'r modal yn defnyddio cynllun tywyll lled llawn gyda lled uchaf o 1280px i ddarparu ar gyfer y cynnwys. Mae ffenestr yr arwr wedi'i chanoli: y teitl (y frawddeg gyntaf mewn gwyrdd leim), is-bennawd, dau alwad i weithredu, ac un gwrthrych 3D fel angor gweledol—heb wahanu'r cynllun o'r bar ochr. Mae'r adrannau cynnwys yn dilyn rhythm unffurf: tag aeliau (llythrennau mawr, Moss 70) → teitl Goga → testun corff tawel, yna naill ai cynllun dwy golofn gyda disgrifiad o'r nodwedd (testun + cod/cerdyn gweledol) neu grid tair colofn o gardiau. Mae'r cwteri rhwng yr adrannau yn hael—80px. Mae'r dudalen yn newid rhwng streipiau gwag dwfn (#000000) a chefndir ychydig yn ysgafnach (#181818), gydag un adran golau (#def0dd) yn ymddangos yng nghanol y dudalen fel seibiant gweledol. Mae'r llywio yn cynnwys un bar uchaf sefydlog gyda chefndir aneglur—dim bar ochr na mega-ddewislen. Mae'r troedyn yn gryno ac yn dywyll, gyda cholofnau cyswllt gwyrdd tawel. Mae dwysedd y testun yn gyfforddus: rhoddir digon o le i bob adran, ac nid yw gridiau cardiau yn defnyddio mwy na thair colofn.
Mae iaith weledol Modal wedi'i rhannu'n ddau ddull: rendradau cynnyrch 3D sy'n tywynnu a ffug-fframiau ffenestr cod tywyll. Y canolbwynt yw ciwb 3D sengl wedi'i rendro gan ddefnyddio graddiant marchnata (o wyrdd leim i emrallt), wedi'i osod o fewn halo graddiant rheiddiol sy'n ymdrochi'r gofod gwag mewn golau gwyrdd - arddull weledol nodweddiadol y brand. Mae cardiau llwyth gwaith yn cynnwys eiconau 3D isometrig (ciwb ffrâm wifren, grisiau solet, haenau) wedi'u rendro yn yr un wyrdd leim yn erbyn cefndir tywyll. Cyflwynir canlyniadau cod a meincnod fel cardiau ffenestr derfynell gyda dotiau goleuadau traffig, amlygu cystrawen unffordd mewn palet ffosfforescent, a ffin werdd dawel - maent yn debyg i sgrinluniau o ryngwyneb llinell orchymyn go iawn. Mae logos cleientiaid yn cael eu harddangos fel labeli llwyd-wyrdd heb eu dirlawn mewn un rhes, cyferbyniad isel, gan arwyddo ymddiriedaeth heb gystadleuaeth weledol. Mae'r dwysedd cyffredinol yn isel - mae'r rhan fwyaf o dudalennau'n cynnwys testun yn bennaf, a chyflwynir delweddau fel pwyntiau ffocws unigol yn hytrach na gridiau o ffotograffau. Nid oes unrhyw ffotograffau; mae'r system weledol gyfan wedi'i rendro, yn geometrig, ac yn radiant.
Palet
Brand
- Lime Pulse
#7fee64— Prif elfennau'r hunaniaeth gorfforaethol yw'r logo, y prif alwad i weithredu (CTA), llenwi tagiau, cyflyrau gweithredol, a lliw sylfaenol y darlun.
Niwtral
- Phosphor White
#ddffdc— Y prif destun, lliw'r teitl, amlinell yr eicon, a thestun y botwm wedi'i lenwi yw'r prif arwyneb darllenadwy. - Void Black
#000000— Cynfas tudalen, yr haen gefndir ddyfnaf - Ground Iron
#181818— Llenwi'r prif fotwm, arwynebau cardiau mewn mannau tywyll, arwyneb sylfaenol y rhyngwyneb defnyddiwr. - Carbon Veil
#212525— Arwynebau uchel, cefndir llywio, ychydig yn ysgafnach na'r ddaear. - Circuit Border
#485346— Mae'r ffrâm gweithredu amlinell/ysbryd, y brif linell denau ryngweithiol, yn arlliw llwyd-wyrdd tawel. - Phosphor Blue-Black
#1f2a33— Llinellau marcio tenau eilaidd, yn rhannu strôcs rhwng streipiau tywyll.
Teipograffeg
o 12 i 64px · 8 cam
- Goga — amnewid: Inter Tight or Space Grotesk · amlinelliadau 400, 500 · Ffont Pennawd ac Is-bennawd – Fe'i defnyddir ar gyfer pob pennawd a chardiau H1–H4. Mae Goga yn ffont sans-serif geometrig wedi'i deilwra gydag agoriadau cul a therfynellau ychydig yn sgwâr. Mae'r pwysau canolig (500) wedi'i gadw ar gyfer amlygu penawdau lefel cerdyn; defnyddir y pwysau arferol (400) ar gyfer penawdau arwr ac adran. I gael mynediad at y siapiau glyff amgen sy'n diffinio hunaniaeth Modal, rhaid galluogi ei set arddull 'ss01'. Mae bylchau llythrennau negyddol yn lleihau'n raddol o -0.007em ar 48px i -0.017em ar 21px.
- Inter Variable — amnewid: Inter · amlinelliadau 400, 500 · Rhyngwyneb defnyddiwr a chopï corff – llywio, botymau, copi corff, labeli, troedyn. Defnyddir pwysau canolig (500) yn ddiofyn ar gyfer elfennau rhyngweithiol a llywio; defnyddir arferol (400) ar gyfer paragraffau. Mae bylchau llythrennau yn cael eu lleihau'n sylweddol hyd yn oed mewn meintiau bach (-0.026em ar 14px, -0.022em ar 16px), gan roi dwysedd terfynol cryno i'r rhyngwyneb. Ar gyfer atalnodi amgen, dylid cynnwys yr amrywiad cymeriad 'cv11'. Mae labeli priflythrennau ar 12px yn defnyddio bylchau llythrennau +0.05em i wrthbwyso dwysedd y copi corff.
Cyfnodau a ffurf
| Diben | Ystyr |
|---|---|
| Dwysedd | cyfartaledd |
| Cam sylfaenol | 20px |
| Radiws botwm | 12px |
| Radiws y cerdyn | 8px |
| Cysgodion | dim ffiniau yn lle cysgodion |
| Rhwng adrannau | 80px |
| Lled y dudalen | 1280px |
Bydd AI yn adeiladu eich gwefan yn null Modal 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
- Slash — Siambr hanner nos gyda llyfrau llyfrau aur
- AgentQL — Goleuadau Gogleddol uwchben y derfynfa yn y nos
- GitHub — Panel gorchymyn gofod gyda phwyntiau rheoli bioluminescent—man gwaith tywyll, atmosfferig lle mae un llewyrch gwyrdd yn pwyntio'r ffordd ymlaen.
- Doppler — Goleuadau porffor y gromen am hanner nos. Mae'r cynfas bron yn ddu yn tywynnu gydag un signal lafant a golau cadarnhau gwyrdd, pob arwyneb yn ddigon crwm i'w afael.
- Basedash — Terfynell ddata hanner nos gyda ffont matte. Arsyllfa dywyll lle mae metrigau'n tywynnu'n borffor a gwyrdd, penawdau serif yn arnofio uwchben y sŵn, a botymau gwyn siâp pilsen yw'r unig wrthrychau llachar mewn ystafell o arwynebau du meddal.
- Superwhisper — Mae'r goleuadau gogleddol yn toddi dros y gwydr hanner nos
- Better Stack — Consol SRE Hanner Nos
- Langbase — Consol Goleuadau Gogleddol Hanner Nos
- Astro — Rheoli Cenhadaeth Gofod Dwfn gydag un llewyrch porffor o nebula
- Wayfinder — Sgrin ffilm ddu gyda theitl prin yn glywadwy yn hofran uwchben darlun byw. Llithrydd disgleirdeb yw'r rhyngwyneb yn hytrach na phanel rheoli.
- HashiCorp — Mae'r ystafell reoli am hanner nos gyda neon porffor yn arwyneb technegol tywyll lle mae ciwb hecsagonol tywynnol yn gwasanaethu fel yr unig gyfeirnod lliw.
- Umbrel — Pwll tân clyd yn ystafell gweinyddion y nos—ystafell dywyll lle mae un llewyrch eirin gwlanog yn tynnu sylw at yr hyn sy'n wirioneddol bwysig.