Slash
Tunga sa tungang gabii nga vault nga adunay mga gilded ledger
Ang Slash naglihok sa usa ka midnight gallery mode: usa ka halos itom nga canvas, puti nga tipo, ug usa ka mainit nga tumbaga nga accent nga nagsilbing punctuation. Ang mga headline gipakita sa Ivy Presto, usa ka high-contrast didone serif nga gigamit sa grabeng gidak-on (hangtod sa 88px)—kining panagsangka sa serif ug sans-serif nga mga typeface mao ang pirma sa sistema, nga naghatag niini og pinansyal nga gibug-aton nga wala ang brokerage gravitas sa tradisyonal nga banking. Ang nahabilin nga user interface tinuyo nga gipamenos: nipis nga mga border, mga kontrol nga porma og pildoras, compact 16px nga body text, ug usa ka gamay nga upsweep aron tugotan ang tipo nga makaginhawa. Usa ka gold gradient (chart line, microaccents) nagdugang og kainit sa monochrome system, nga nagpahinumdom sa mainit nga kahayag sa usa ka Bloomberg terminal nga gitukod alang sa usa ka design audience.
Ang sulod kay 1216px ang gilapdon, nakasentro, nga may 160px nga bertikal nga mga gutter. Ang home screen kay usa ka ngitngit, tibuok gilapdon nga canvas nga adunay nabahin nga komposisyon: usa ka serif header nga naka-align sa wala (64–88px ang gilapdon) nga adunay email address field sa ubos, ug usa ka dako nga product UI card (usa ka dashboard screenshot) sa tuo nga may 50% nga gilapdon. Ang sunod nga mga seksyon naggamit og usa ka kolum, nakasentro nga header (serif, 44–64px ang gilapdon) nga adunay subheading sa Inter, gisundan sa tulo ka kolum nga grid sa mga kard para sa mga deskripsyon/testimonial/blog sa feature. Ang nabigasyon kay usa ka pirmi nga top bar: logo sa wala, sentral nga menu (Kompanya, Mga Produkto, Mga Solusyon, Mga Kliyente, Pagpresyo, FAQ), naka-align sa tuo (dili makita), ug pagsugod (puting puno nga elemento). Ang footer adunay usa ka dasok nga lima ka kolum nga grid sa mga link nga adunay impormasyon sa kompanya ug mga legal nga pahibalo. Ang panid nagpuli-puli tali sa mga seksyon sa grid nga puno sa sulod ug mga istatistika sa full-screen—ang ritmo gipahimutang pinaagi sa lapad nga puti nga espasyo taliwala sa mga kolum imbes nga pinaagi sa pagpuli-puli sa mga kolor sa background (ang tibuok panid gipresentar isip usa ka single, unified canvas).
Ang mga litrato kay editoryal ug naturalistiko: mainiton nga mga hulagway sa mga nagtukod ug mga miyembro sa team sa ilang tinuod nga kinabuhi nga mga palibot sa trabaho (mga opisina, mga sala, mga lugar sa konstruksyon). Ang mga imahe mipuno sa mga frame sa kard gikan sa ngilit ngadto sa ngilit, nga walay padding. Usa ka itom nga gradient ang gigamit sa ubos sa mga testimonial card aron mapaayo ang pagbasa sa teksto. Ang estetika—"LinkedIn meets editorial magazine"—kaswal, tawhanon, ug medyo muted, wala gyud gipasinaw gamit ang stock photography. Ang mga thumbnail sa artikulo naghiusa sa mga litrato nga adunay mga konsepto nga gihulagway (usa ka tawo nga nagtindog sa usa ka maze, usa ka fireplace nga adunay mga bag nga kwarta). Ang UI sa produkto gipakita sa dark mode nga adunay hingpit nga opacity, nga naglutaw sa ibabaw sa panid sa mga nipis nga ngitngit nga mga nawong—usa ka sentral nga elemento. Ang mga icon kay monochrome nga adunay 1px nga stroke sa #2e3038 o #777a88, wala gyud mapuno sa kolor sa brand.
Paleta
Neutral
- Bone
#e2e3e9— Dako nga gidak-on sa font para sa pangunang teksto, detalyadong mga label sa datos, ug usa ka standard nga tono sa teksto sa kadaghanan sa mga elemento sa UI. - Obsidian
#08080a— Ang canvas sa panid, ang background sa footer, ang pinakangitngit nga nawong halos itom nga adunay gamay nga asul nga kolor. - Onyx
#040406— Ang nawong sa kard, ang dugang nga background, usa ka lakang nga mas lawom kay sa panid para sa visual effect. - Carbon
#121317— Gipataas nga mga panel, dili makabalda nga UI fill - ang unang mas gaan nga lakang sa ebolusyon sa Surface Stack - Graphite
#1c1d22— Mga border, divider, icon container, control slider—ang pinakapino nga landong sa kolor nga naghubit sa istruktura. - Slate
#2e3038— Dugang nga mga border, mga muted nga linya sa icon, mga pino nga divider tali sa mga content block.
Tipograpiya
gikan sa 13 ngadto sa 88px · 9 ka lakang
- Ivy Presto — kapuli: Playfair Display · mga balangkas 400, 500 · Usa ka serif font para sa mga heading ug subheading—gigamit lamang para sa mga heading ug mga titulo sa seksyon nga 28px pataas. Ang taas nga contrast nga mga stroke nga adunay nipis nga serifs nagmugna og pagbati sa editoryal nga luho; ang gamay nga positive letter spacing nga 0.01em talagsaon ug naghatag sa font og giimprinta, sama sa accounting nga hitsura. Kini nga serif font mao ang kinauyokan nga calling card sa brand—kini nagpalahi sa Slash gikan sa tanan nga uban pang mga kompanya sa SaaS fintech nga default sa geometric sans-serif fonts.
- Inter — kapuli: Inter (self-hosted via Google Fonts) · mga balangkas 300, 400, 500, 600, 700 · UI Sans—pangunang teksto, nabigasyon, mga butones, mga label, mga link, mga natad sa porma, ug mga subheading. Ang pangunang teksto naggamit ug 300 nga font para sa dili makabalda nga sekondaryang teksto; 500 gigamit para sa medium-emphasis nga teksto ug mga label sa butones; 600 gitagana para sa mga label sa kategorya nga gisulat sa gagmay nga mga dagkong letra. Ang negatibo nga gilay-on sa mga letra mokunhod gikan sa 2 (-3) ug mokunhod samtang mokunhod ang gidak-on, nga tipikal sa optical scaling sa Inter font.
Mga interval ug porma
| Katuyoan | Kahulugan |
|---|---|
| Densidad | lapad |
| Batakang lakang | 8px |
| Radius sa butones | 9999px |
| Radius sa kard | 10px |
| Mga anino | walay - mga utlanan imbes nga mga anino |
| Taliwala sa mga seksyon | 160px |
| Lapad sa panid | 1216px |
Ang AI motukod sa imong website sa estilo sa Slash 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
- Modal — Usa ka phosphorescent terminal sa usa ka ngitngit nga server room - ang bugtong tinubdan sa kahayag mao ang hayag nga berde nga kolor
- 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.