Modal
Usa ka phosphorescent terminal sa usa ka ngitngit nga server room - ang bugtong tinubdan sa kahayag mao ang hayag nga berde nga kolor
Ang modal naglihok sama sa usa ka phosphorescent terminal sa usa ka ngitngit nga server room: usa ka hapit itom nga canvas, luspad nga berde nga tipo, ug usa ka hayag nga lime-green nga accent nga nagsilbing LED status indicator. Ang pinulongan sa disenyo naka-focus sa developer—monospaced code windows nga adunay mga tuldok sa traffic light, isometric 3D icons sa signature green, ug daghang puti nga espasyo, nga nagtugot sa usa ka elemento sa matag seksyon nga modan-ag. Ang typography gibahin tali sa usa ka custom font (Goga) para sa mga heading ug usa ka variable font (Inter) para sa tanang elemento sa UI, parehong gibutang nga adunay pig-ot nga negatibo nga tracking. Ang mga kolor parehas nga giapod-apod: kadaghanan sa mga screen kay achromatic, ug ang hayag nga lime-green nga kolor makita lamang sa mga importanteng aksyon, ang logo, 3D nga mga ilustrasyon, ug mga gutlo sa paghatag og gibug-aton. Ang mga component kay patag ug walay frame, nga ang giladmon gihimo pinaagi sa gagmay nga berde nga mga border ug blur sa background imbes nga mga anino.
Ang modal naggamit ug full-width dark layout nga adunay maximum width nga 1280px aron ma-accommodate ang content. Ang hero window nakasentro: ang titulo (ang unang sentence sa lime green), usa ka subheading, duha ka call to action, ug usa ka 3D object isip visual anchor—nga dili ibulag ang layout gikan sa sidebar. Ang mga seksyon sa content nagsunod sa usa ka uniporme nga ritmo: eyebrow tag (dagkong mga letra, Moss 70) → Goga title → muted body text, dayon usa ka two-column layout nga adunay feature description (text + code/visual card) o usa ka three-column grid sa mga card. Ang mga gutter tali sa mga seksyon lapad—80px. Ang panid nagpuli-puli tali sa lawom nga walay sulod (#000000) ug gamay nga mas hayag nga background (#181818) nga mga stripe, nga adunay usa ka hayag nga seksyon (#def0dd) nga makita sa tunga sa panid isip visual breather. Ang navigation gilangkoban sa usa ka single, fixed top bar nga adunay blurred background—walay sidebar o mega-menu. Ang footer compact ug ngitngit, nga adunay muted green link columns. Komportable ang densidad sa teksto: ang matag seksyon gihatagan og igong espasyo, ug ang mga card grid dili mogamit og sobra sa tulo ka kolum.
Ang biswal nga pinulongan sa Modal gibahin sa duha ka paagi: 3D glowing product renders ug dark code window mockups. Ang focal point usa ka single 3D cube nga gi-render gamit ang marketing gradient (gikan sa lime green ngadto sa esmeralda), nga gibutang sulod sa radial gradient halo nga nagtabon sa haw-ang nga luna sa berdeng kahayag—ang signature visual style sa brand. Ang mga workload card adunay isometric 3D icons (usa ka wireframe cube, usa ka solid staircase, mga layer) nga gi-render sa samang lime green batok sa ngitngit nga background. Ang mga resulta sa code ug benchmark gipresentar isip terminal window cards nga adunay mga traffic light dots, monospaced syntax highlighting sa usa ka phosphorescent palette, ug usa ka muted green border—kini susama sa mga screenshot sa usa ka tinuod nga command-line interface. Ang mga logo sa kliyente gipakita isip desaturated green-gray nga mga label sa usa ka single, low-contrast row, nga nagpakita sa pagsalig nga walay visual competition. Ang kinatibuk-ang densidad ubos—kadaghanan sa mga panid adunay kadaghanan nga teksto, ug ang mga imahe gipresentar isip indibidwal nga focal points imbes nga grids sa mga litrato. Walay mga litrato; ang tibuok visual system gi-render, geometric, ug radiant.
Paleta
Brand
- Lime Pulse
#7fee64— Ang mga nag-unang elemento sa corporate identity mao ang logo, ang pangunang call to action (CTA), pagpuno sa tag, aktibong estado, ug ang sukaranang kolor sa ilustrasyon.
Neutral
- Phosphor White
#ddffdc— Ang pangunang teksto, kolor sa titulo, outline sa icon, ug napuno nga teksto sa buton mao ang pangunang mabasa nga bahin. - Void Black
#000000— Kanbas sa panid, ang pinakalawom nga layer sa background - Ground Iron
#181818— Pun-an sa pangunang butones, mga nawong sa kard sa ngitngit nga mga lugar, base nga nawong sa user interface. - Carbon Veil
#212525— Hataas nga mga nawong, nabigasyon nga background, gamay nga mas gaan kay sa yuta. - Circuit Border
#485346— Ang outline/ghost action frame, ang pangunang interactive nga nipis nga linya, usa ka muted greenish-gray nga kolor. - Phosphor Blue-Black
#1f2a33— Ikaduhang nipis nga mga linya sa pagmarka, nga nagbahin sa mga hampak taliwala sa mga itom nga labud.
Tipograpiya
gikan sa 12 ngadto sa 64px · 8 ka lakang
- Goga — kapuli: Inter Tight or Space Grotesk · mga balangkas 400, 500 · Font sa Ulohan ug Subulohan – Gigamit para sa tanang H1–H4 nga mga ulohan ug kard. Ang Goga usa ka gipahaom nga geometric sans-serif nga font nga adunay pig-ot nga mga aperture ug gamay nga kuwadrado nga mga terminal. Ang medium nga gibug-aton (500) gitagana para sa pag-highlight sa mga ulohan sa lebel sa kard; ang normal nga gibug-aton (400) gigamit para sa mga ulohan sa bayani ug seksyon. Aron ma-access ang alternatibong mga porma sa glyph nga naghubit sa identidad sa Modal, ang estilo sa 'ss01' niini kinahanglan nga i-enable. Ang negatibo nga gilay-on sa mga letra hinay-hinay nga mikunhod gikan sa -0.007em sa 48px ngadto sa -0.017em sa 21px.
- Inter Variable — kapuli: Inter · mga balangkas 400, 500 · Interface sa tiggamit ug body copy – nabigasyon, mga butones, body copy, mga label, footer. Ang medium nga gibug-aton (500) gigamit isip default para sa mga interactive nga elemento ug nabigasyon; ang normal (400) gigamit para sa mga parapo. Ang gilay-on sa mga letra mamatikdan nga mikunhod bisan sa gagmay nga mga gidak-on (-0.026em sa 14px, -0.022em sa 16px), nga naghatag sa interface og usa ka mubo ug terminal nga densidad. Para sa alternatibong bantas, ang variant sa karakter nga 'cv11' kinahanglan nga ilakip. Ang mga all-caps nga label sa 12px mogamit og +0.05em nga gilay-on sa mga letra aron mabalanse ang densidad sa body copy.
Mga interval ug porma
| Katuyoan | Kahulugan |
|---|---|
| Densidad | aberids |
| Batakang lakang | 20px |
| Radius sa butones | 12px |
| Radius sa kard | 8px |
| Mga anino | walay - mga utlanan imbes nga mga anino |
| Taliwala sa mga seksyon | 80px |
| Lapad sa panid | 1280px |
Ang AI motukod sa imong website sa estilo sa Modal ug mopuno niini
- Pun-a og mga produkto ug mga post pinaagi sa link - Instagram, TikTok, Facebook.
- Ibalhin ang sulod gikan sa imong daang site—ipiho lang ang adres.
- Modernong disenyo sa pinakamaayong makina: React ( Next.js) nga adunay server rendering ug SEO optimization nga andam na gamiton.
- Bug-os nga awtomatik nga pag-optimize sa SEO para sa mga resulta sa pagpangita ug mga rekomendasyon sa neural network.
Parehas nga mga estilo
- Slash — Tunga sa tungang gabii nga vault nga adunay mga gilded ledger
- AgentQL — Northern Lights ibabaw sa terminal sa gabii
- GitHub — Usa ka space command panel nga adunay bioluminescent control points—usa ka ngitngit ug atmospheric nga workspace diin ang usa ka berde nga kahayag nagtudlo sa dalan padulong sa unahan.
- Doppler — Ang purpura nga suga sa vault sa tungang gabii. Ang halos itom nga canvas nagdan-ag nga adunay usa ka lavender signal ug usa ka berde nga confirmation light, ang matag nawong kurbado nga igo aron makuptan.
- Basedash — Usa ka midnight data terminal nga may matte nga font. Usa ka ngitngit nga obserbatoryo diin ang mga metrics nagdan-ag sa purpura ug berde, ang mga serif headline naglutaw ibabaw sa kasaba, ug ang puti nga porma sa pildoras nga mga butones mao lamang ang hayag nga mga butang sa usa ka kwarto nga adunay humok nga itom nga mga nawong.
- Superwhisper — Ang mga suga sa amihanan natunaw ibabaw sa bildo sa tungang gabii
- Better Stack — Konsol sa SRE sa Tungang Gabii
- Langbase — Konsol sa Northern Lights sa Tungang Gabii
- Astro — Pagkontrol sa Misyon sa Lawom nga Kalawakan nga adunay usa ka purpura nga kahayag gikan sa usa ka nebula
- Wayfinder — Usa ka itom nga screen sa salida nga halos dili madungog ang titulo nga naglutaw ibabaw sa usa ka live nga ilustrasyon. Ang interface usa ka brightness slider imbes nga control panel.
- HashiCorp — Ang control room sa tungang gabii nga adunay purpura nga neon usa ka ngitngit nga teknikal nga nawong diin ang usa ka nagdan-ag nga hexagonal cube nagsilbing bugtong reperensya sa kolor.
- Umbrel — Usa ka maabi-abihon nga fire pit sa night server room—usa ka ngitngit nga kwarto diin ang usa ka gamay nga kahayag nagpasiugda sa kung unsa ang tinuod nga hinungdanon.