Slash
Mëtternuechtstëbs mat vergoldete Ledgeren
De Slash funktionéiert an engem Mëtternuechtsgaleriemodus: eng bal schwaarz Leinwand, wäiss Schrëft an en eenzege waarme Kofferakzent, deen als Interpunktioun déngt. D'Iwwerschrëfte ginn an Ivy Presto ugewisen, engem Didone-Serif mat héijem Kontrast, deen a ganz groussen Gréissten (bis zu 88px) benotzt gëtt - dëse Konflikt tëscht Serif- a Sans-Serif-Schrëften ass d'Signatur vum System a gëtt him eng finanziell Schwéierkraaft ouni d'Brokergewiicht vum traditionelle Bankgeschäft. De Rescht vun der Benotzeroberfläche ass bewosst ënnerschat: dënn Borduren, pillefërmeg Bedienungselementer, kompakten 16px-Kierpertext an e subtile Upsweep, fir datt d'Schrëft ootme kann. En eenzege goldene Gradient (Diagrammlinn, Mikroakzenter) gëtt dem monochrome System Wäermt a rëselt de waarme Glanz vun engem Bloomberg-Terminal, dee fir e Designpublikum gebaut gouf.
Den Inhalt ass 1216px breet, zentréiert, mat 160px vertikale Schinnen. Den Homescreen ass eng donkel Leinwand a voller Breet mat enger gedeelt Kompositioun: en lénks ausgeriichten Serif-Header (64–88px breet) mat engem E-Mail-Adressfeld drënner, an eng grouss Produkt-UI-Kaart (e Screenshot vum Dashboard) op der rietser Säit mat 50% Breet. Déi folgend Sektiounen benotzen en zentréierten Header mat enger Kolonn (Serif, 44–64px breet) mat enger Ënnertitel an Inter, gefollegt vun dräikolonnen Raster vu Kaarte fir Featurebeschreiwungen/Temoignagen/Blogs. D'Navigatioun ass eng fix iewescht Leescht: Logo op der lénkser Säit, zentralt Menü (Firma, Produkter, Léisungen, Clienten, Präisser, FAQ), riets ausgeriichten Login (onopfälleg) an Ufänken (wäiss gefëllt Element). De Fousszeil weist e dichten fënnefkolonnen Raster vu Linken mat Firmeninformatiounen a juristeschen Notizen. D'Säit wiesselt tëscht inhaltsräiche Raster-Sektiounen a Vollbildstatistik – de Rhythmus gëtt duerch de generéise wäisse Raum tëscht de Kolonnen etabléiert anstatt duerch ofwiesselnd Hannergrondfaarwen (déi ganz Säit gëtt als eng eenzeg, vereenegt Leinwand presentéiert).
D'Fotografie ass redaktionell an naturalistesch: waarm Portraite vun de Grënner a Mataarbechter an hirem realisteschen Aarbechtsëmfeld (Büroen, Wunnzëmmeren, Chantiere). D'Biller fëllen d'Kaarteframes vu Rand zu Rand, ouni Padding. En donkelen Ofstuerz gëtt um Enn vun de Referenzkaarten benotzt fir d'Liesbarkeet vum Text ze verbesseren. D'Ästhetik - "LinkedIn meets editorial magazine" - ass lässeg, mënschlech a liicht gedämpft, ni mat Stockfotoen ausgefëllt. Artikelminiaturbiller kombinéieren Fotoen mat illustréierte Konzepter (eng Persoun déi an engem Labyrinth steet, e Kamäin mat Täsche voller Suen). D'Benotzerinterface vum Produkt gëtt am donkelen Modus mat voller Opazitéit ugewisen, iwwer der Säit op subtile donkelen Uewerflächen - en zentralen Element. D'Ikonen si monochrom mat 1px-Stréch an #2e3038 oder #777a88, ni mat der Markfaarf gefëllt.
Palette
Neutral
- Bone
#e2e3e9— Grouss Schrëftgréisst fir den Haapttext, detailléiert Datenlabels an en Standardtexttéin fir déi meescht UI-Elementer. - Obsidian
#08080a— D'Leinwand vun der Säit, den Hannergrond vum Fousszeilen, déi däischterst Uewerfläch ass bal schwaarz mat engem subtile bloen Téin. - Onyx
#040406— D'Uewerfläch vun der Kaart, den zousätzlechen Hannergrond, ass ee Schrëtt méi déif wéi d'Säit fir visuell Effekt. - Carbon
#121317— Erhuewe Paneele, onopfälleg UI-Fëllung - den éischte merkbar méi liichte Schrëtt an der Evolutioun vum Surface Stack - Graphite
#1c1d22— Grenzen, Trennwänn, Ikoncontainer, Kontrollschueber – déi subtilst Faarftéin, déi d'Struktur definéiert. - Slate
#2e3038— Zousätzlech Grenzen, gedämpft Ikonlinnen, subtil Trennwänn tëscht Inhaltsblöcke.
Typographie
vun 13 bis 88px · 9 Schrëtt
- Ivy Presto — Ersatz: Playfair Display · Konturen 400, 500 · Eng Serif-Schrëft fir Iwwerschrëften an Ënneriwwerschrëften - déi exklusiv fir Iwwerschrëften an Sektiounstitelen vun 28px a méi benotzt gëtt. Héichkontrast Didone-Stréch mat dënne Serifen kreéieren e Gefill vun redaktionellem Luxus; den klenge positiven Ofstand tëscht de Buschtawen vun 0,01em ass ongewéinlech a gëtt der Schrëft en gedréckten, comptabilitéitsähnlechen Ausgesinn. Dës Serif-Schrëft ass d'Haaptvisittenkaart vun der Mark - si ënnerscheet Slash vun all anere SaaS-Fintech-Firmen, déi standardméisseg geometresch Sans-Serif-Schrëften benotzen.
- Inter — Ersatz: Inter (self-hosted via Google Fonts) · Konturen 300, 400, 500, 600, 700 · UI Sans - Haapttext, Navigatioun, Knäppercher, Etiketten, Linken, Formularfelder an Ënnertitelen. Den Haapttext benotzt eng Schrëft 300 fir onopfällegen Niewentext; 500 gëtt fir mëttelbetonten Text a Knäppelbeschrëftungen benotzt; 600 ass reservéiert fir Kategoriebeschrëftungen, déi a klenge Buschtawen geschriwwe sinn. Den negativen Ofstand tëscht de Buschtawen hëlt vun 2 (-3) of a hëlt of, wann d'Gréisst ofhëlt, wat typesch fir déi optesch Skalierung vun der Inter-Schrëft ass.
Intervaller a Form
| Zweck | Bedeitung |
|---|---|
| Dicht | geräumig |
| Basis Schrëtt | 8px |
| Knäppchenradius | 9999px |
| Kaarteradius | 10px |
| Schied | keng Grenzen amplaz vu Schied |
| Tëscht de Sektiounen | 160px |
| Säitebreet | 1216px |
KI baut Är Websäit am Stil vun Slash op a fëllt se aus
- Fëllt mat Produkter a Posts iwwer de Link aus - Instagram, TikTok, Facebook.
- Inhalt vun Ärer aler Säit transferéieren - gitt einfach d'Adress un.
- Modernen Design op der beschter Engine: React ( Next.js) mat Serverrendering an SEO Optimiséierung direkt aus der Këscht.
- Vollautomatesch SEO-Optimiséierung fir Sichresultater an Empfehlungen fir neuronal Netzwierker.
Ähnlech Stiler
- Modal — En phosphoreszenten Terminal an engem däischteren Serverraum - déi eenzeg Liichtquell ass eng hellgréng Faarf
- AgentQL — Nordliichter iwwer dem Terminal an der Nuecht
- GitHub — E Raumkommandopanel mat biolumineszenten Kontrollpunkten - en däischteren, atmosphäresche Raum, wou en eenzege grénge Schimmer de Wee no vir weist.
- Doppler — Déi violett Beliichtung vum Tresor ëm Mëtternuecht. Déi bal schwaarz Leinwand liicht mat engem eenzege lavendelfaarwegen Signal an engem grénge Bestätegungsliicht, all Uewerfläch gebéit genuch fir ze gräifen.
- Basedash — En Datenterminal mat enger matter Schrëft ëm Mëtternuecht. En däischtert Observatoire, wou Metriken violett a gréng liichten, Schlagzeilen a Serifformen iwwer dem Kaméidi schwiewen, a wäiss pillefërmeg Knäppercher déi eenzeg hell Objeten an engem Raum mat mëllen, schwaarzen Uewerfläche sinn.
- Superwhisper — D'Nordliichter léisen sech iwwer dem Mëtternuechtsglas op
- Better Stack — Mëtternuecht SRE Konsol
- Langbase — Konsole fir d'Mëtternuechtsnordliichter
- Astro — Deep Space Mission Control mat engem eenzege purpurroude Liicht vun engem Niwwel
- Wayfinder — E schwaarze Filmbildschierm mat engem kaum héierbaren Titel, deen iwwer enger Live-Illustratioun schweeft. D'Interface ass éischter e Hellegkeetsschieber wéi e Kontrollpanel.
- HashiCorp — De Kontrollraum um Mëtternuecht mat violettem Neon ass eng däischter technesch Uewerfläch, wou e liichtende sechseckege Kubus als eenzeg Faarfreferenz déngt.
- Umbrel — Eng gemittlech Feierplaz am Nuetsserverraum - en däischteren Zëmmer, wou en eenzege pêchefaarwege Schimmer dat ervirhiewt, wat wierklech wichteg ass.