Modal
Lub davhlau ya nyob twg phosphorescent hauv chav tsaus ntuj - tsuas yog lub teeb ci ntsa iab xwb
Modal ua haujlwm zoo li lub davhlau ya nyob twg phosphorescent hauv chav server tsaus ntuj: ib daim ntaub canvas yuav luag dub, hom ntsuab daj ntseg, thiab ib qho ci ntsa iab ntsuab uas ua haujlwm ua lub cim qhia xwm txheej LED. Cov lus tsim qauv yog tsom mus rau tus tsim tawm - cov qhov rai code monospaced nrog cov teeb liab teeb liab, cov cim 3D isometric hauv cov xim ntsuab kos npe, thiab ntau qhov chaw dawb, tso cai rau ib qho khoom hauv txhua ntu kom ci. Typography tau muab faib ntawm cov ntawv sau tshwj xeeb (Goga) rau cov npe thiab cov ntawv hloov pauv (Inter) rau txhua lub ntsiab lus UI, ob qho tib si teeb tsa nrog kev taug qab tsis zoo. Cov xim tau faib sib npaug: feem ntau cov ntxaij vab tshaus yog achromatic, thiab cov xim ntsuab ntsuab ci tsuas yog tshwm sim ntawm cov haujlwm tseem ceeb, lub logo, cov duab kos 3D, thiab lub sijhawm ntawm kev hais txog. Cov khoom yog tiaj tus thiab tsis muaj thav duab, nrog qhov tob tsim los ntawm cov ciam teb ntsuab me me thiab keeb kwm yav dhau los tsis yog duab ntxoov ntxoo.
Tus modal siv qhov layout tsaus nti uas dav tag nrho nrog qhov dav tshaj plaws ntawm 1280px los pab cov ntsiab lus. Lub qhov rais hero yog nyob hauv nruab nrab: lub npe (kab lus thawj zaug hauv ntsuab txiv qaub ntsuab), lub npe me, ob qhov kev hu kom ua, thiab ib yam khoom 3D ua lub cim qhia pom - tsis muaj kev sib cais qhov layout ntawm lub sidebar. Cov ntu ntsiab lus ua raws li lub suab sib xws: eyebrow tag (cov ntawv loj, Moss 70) → Goga lub npe → muted body text, tom qab ntawd yog ob-kab nrog cov lus piav qhia txog yam ntxwv (ntawv nyeem + code / daim npav pom) lossis peb-kab grid ntawm daim npav. Cov gutters ntawm cov ntu yog dav - 80px. Nplooj ntawv hloov pauv ntawm qhov khoob tob (# 000000) thiab keeb kwm yav dhau me ntsis sib dua (# 181818) kab txaij, nrog ib ntu sib dua (# def0dd) tshwm sim hauv nruab nrab ntawm nplooj ntawv ua qhov pom kev. Kev navigation muaj ib qho, kho sab saum toj bar nrog keeb kwm yav dhau tsis meej - tsis muaj sidebar lossis mega-menu. Lub footer yog compact thiab tsaus nti, nrog cov kab txuas ntsuab muted. Qhov ceev ntawm cov ntawv nyeem yog qhov xis nyob: txhua ntu tau muab qhov chaw txaus, thiab daim npav grids siv tsis pub ntau tshaj peb kab.
Modal cov lus pom tau muab faib ua ob hom: 3D cov khoom ci ntsa iab thiab cov qhov rai code tsaus nti. Lub ntsiab lus tseem ceeb yog ib lub voos xwmfab 3D uas siv cov xim gradient kev lag luam (los ntawm ntsuab txiv qaub ntsuab mus rau emerald), teeb tsa hauv lub halo gradient radial uas da dej qhov chaw khoob hauv lub teeb ntsuab - lub npe ntawm lub npe kos npe. Daim npav ua haujlwm muaj cov cim 3D isometric (lub voos xwmfab wireframe, lub ntaiv khov kho, cov khaubncaws sab nraud povtseg) uas ua rau tib lub ntsuab txiv qaub ntsuab tawm tsam keeb kwm yav dhau tsaus ntuj. Cov lej thiab cov txiaj ntsig benchmark tau nthuav tawm ua daim npav qhov rai kawg nrog cov teeb liab teeb liab, monospaced syntax highlighting hauv lub palette phosphorescent, thiab ciam teb ntsuab muted - lawv zoo li cov duab ntawm lub interface kab hais kom ua tiag tiag. Cov logos ntawm cov neeg siv khoom tau tso tawm ua cov ntawv cim ntsuab-grey desaturated hauv ib kab, qis-contrast, qhia kev ntseeg siab yam tsis muaj kev sib tw pom. Qhov ceev tag nrho yog qis - feem ntau cov nplooj ntawv muaj cov ntawv nyeem feem ntau, thiab cov duab tau nthuav tawm ua cov ntsiab lus tseem ceeb ntawm tus kheej es tsis yog cov duab sib txuas. Tsis muaj duab; tag nrho lub kaw lus pom tau rendered, geometric, thiab radiant.
Xim av
Hom
- Lime Pulse
#7fee64— Cov ntsiab lus tseem ceeb ntawm lub cim lag luam yog lub logo, qhov kev hu kom ua haujlwm tseem ceeb (CTA), kev sau daim ntawv lo, cov xwm txheej nquag, thiab xim yooj yim ntawm daim duab.
Nruab nrab
- Phosphor White
#ddffdc— Cov ntawv tseem ceeb, xim ntawm lub npe, cov duab qhia ntawm lub cim, thiab cov ntawv khawm uas muaj puv yog qhov chaw nyeem tau tseem ceeb. - Void Black
#000000— Nplooj ntawv canvas, txheej keeb kwm yav dhau tob tshaj plaws - Ground Iron
#181818— Kev sau khawm tseem ceeb, daim npav nto hauv thaj chaw tsaus ntuj, qhov chaw pib ntawm tus neeg siv interface. - Carbon Veil
#212525— Cov chaw siab, keeb kwm yav dhau los navigation, me ntsis sib dua hauv av. - Circuit Border
#485346— Tus qauv tsim/dab ua yeeb yam, kab nyias nyias tseem ceeb, yog xim ntsuab-grey uas tsis muaj xim. - Phosphor Blue-Black
#1f2a33— Cov kab cim nyias thib ob, faib cov kab txaij ntawm cov kab tsaus.
Kev sau ntawv
txij li 12 mus rau 64px · 8 kauj ruam
- Goga — hloov: Inter Tight or Space Grotesk · cov qauv qhia 400, 500 · Cov Ntawv Sau Npe thiab Cov Ntawv Sau Npe Me - Siv rau txhua lub npe thiab daim npav H1–H4. Goga yog cov ntawv sau geometric sans-serif uas muaj qhov nqaim thiab cov qhov xaus me ntsis. Qhov hnyav nruab nrab (500) yog tseg rau kev qhia cov npe ntawm daim npav; qhov hnyav ib txwm (400) yog siv rau cov npe ntawm tus phab ej thiab ntu. Txhawm rau nkag mus rau lwm cov duab glyph uas txhais Modal tus kheej, nws cov teeb tsa 'ss01' yuav tsum tau qhib. Qhov sib nrug ntawm tsab ntawv tsis zoo maj mam txo qis los ntawm -0.007em ntawm 48px rau -0.017em ntawm 21px.
- Inter Variable — hloov: Inter · cov qauv qhia 400, 500 · Tus neeg siv interface thiab lub cev luam - navigation, nyees khawm, lub cev luam, daim ntawv lo, footer. Qhov hnyav nruab nrab (500) yog siv los ntawm lub neej ntawd rau cov ntsiab lus sib tham thiab kev navigation; ib txwm (400) yog siv rau cov nqe lus. Qhov sib nrug ntawm tsab ntawv raug txo qis txawm tias ntawm qhov me me (-0.026em ntawm 14px, -0.022em ntawm 16px), muab qhov interface ib qho condensed, qhov kawg ceev. Rau lwm cov cim cim, qhov sib txawv ntawm 'cv11' yuav tsum suav nrog. Cov ntawv lo tag nrho ntawm 12px siv +0.05em tsab ntawv qhov sib nrug los sib npaug qhov sib nrug ntawm lub cev luam.
Lub sijhawm thiab daim ntawv
| Lub Hom Phiaj | Lub ntsiab lus |
|---|---|
| Qhov Ceev | nruab nrab |
| Kauj ruam yooj yim | 20px |
| Lub vojvoog ntawm lub pob | 12px |
| Lub vojvoog ntawm daim npav | 8px |
| Duab ntxoov ntxoo | tsis muaj ciam teb es tsis yog duab ntxoov ntxoo |
| Nruab nrab ntawm cov ntu | 80px |
| Qhov dav ntawm nplooj ntawv | 1280px |
AI yuav tsim koj lub vev xaib hauv hom ntawv Modal thiab sau nws
- Sau cov khoom thiab cov ntawv tshaj tawm los ntawm qhov txuas - Instagram, TikTok, Facebook.
- Hloov cov ntsiab lus ntawm koj lub xaib qub - tsuas yog qhia qhov chaw nyob xwb.
- Tsim qauv niaj hnub ntawm lub cav zoo tshaj plaws: React ( Next.js) nrog rau kev ua haujlwm ntawm lub server thiab kev ua kom zoo dua SEO tawm ntawm lub thawv.
- Kev ua kom zoo dua SEO tag nrho rau cov txiaj ntsig tshawb nrhiav thiab cov lus pom zoo ntawm neural network.
Cov qauv zoo sib xws
- Slash — Lub tsev khaws puav pheej nruab hmo nrog cov phau ntawv gilded
- AgentQL — Teeb Northern hla lub davhlau ya nyob twg thaum hmo ntuj
- GitHub — Ib lub vaj huam sib luag hais kom ua qhov chaw nrog cov chaw tswj hwm bioluminescent - qhov chaw ua haujlwm tsaus ntuj, huab cua uas ib lub teeb ntsuab taw qhia txoj kev mus tom ntej.
- Doppler — Lub qhov rooj tsev pheeb suab ci xim av thaum ib tag hmo. Daim ntaub canvas uas yuav luag dub ci ntsa iab nrog ib lub teeb liab dawb thiab lub teeb ntsuab lees paub, txhua qhov chaw nkhaus txaus kom tuav tau.
- Basedash — Ib lub chaw khaws cov ntaub ntawv thaum ib tag hmo nrog cov ntawv matte. Ib lub chaw saib hnub qub tsaus ntuj uas cov ntsuas ci xim av thiab ntsuab, cov ntawv xov xwm serif ntab saum lub suab nrov, thiab cov nyees khawm dawb zoo li tshuaj ntsiav yog cov khoom ci ntsa iab hauv chav uas muaj cov nto dub mos.
- Superwhisper — Lub teeb sab qaum teb yaj thaum lub iav ib tag hmo
- Better Stack — Ib tag hmo SRE Console
- Langbase — Lub console nruab hmo ntuj Northern Lights
- Astro — Kev Tswj Xyuas Lub Hom Phiaj Hauv Qhov Chaw Sib Sib Zog nrog ib lub teeb ci ntshav los ntawm lub nebula
- Wayfinder — Ib daim screen yeeb yaj kiab dub uas muaj lub npe uas tsis tshua hnov dua nyob saum ib daim duab kos. Lub interface yog lub slider ci ntsa iab es tsis yog lub vaj huam sib luag tswj.
- HashiCorp — Chav tswj hwm thaum ib tag hmo nrog cov xim neon ntshav yog qhov chaw tsaus ntuj uas lub voos xwmfab hexagonal ci ntsa iab ua lub cim qhia xim nkaus xwb.
- Umbrel — Ib lub qhov cub sov so hauv chav ua haujlwm hmo ntuj - ib chav tsaus ntuj uas ib lub teeb ci ntsa iab qhia txog qhov tseem ceeb tiag tiag.