Slash
Midnatshvælving med forgyldte bøger
Slash fungerer i en midnatsgalleritilstand: et næsten sort lærred, hvid skrift og en enkelt varm kobberaccent, der fungerer som tegnsætning. Overskrifter vises i Ivy Presto, en didone-serif med høj kontrast, der bruges i ekstreme størrelser (op til 88px) – dette sammenstød af serif- og sans-serif-skrifttyper er systemets signatur og giver det en finansiel tyngde uden den mæglermæssige tyngde, der kendetegner traditionel bankvirksomhed. Resten af brugergrænsefladen er bevidst underspillet: tynde rammer, pilleformede kontroller, kompakt 16px brødtekst og en subtil opadgående bevægelse, der lader skriften ånde. En enkelt gylden gradient (diagramlinje, mikroaccenter) tilføjer varme til det monokrome system og fremkalder den varme glød fra en Bloomberg-terminal bygget til et designpublikum.
Indholdet er 1216px bredt, centreret, med 160px lodrette indbindingsmarginer. Startskærmen er et mørkt lærred i fuld bredde med en delt komposition: en venstrejusteret serif-header (64-88px bred) med et e-mailadressefelt nedenunder og et stort produkt-UI-kort (et dashboard-skærmbillede) til højre med 50% bredde. Efterfølgende sektioner bruger en centreret header med én kolonne (serif, 44-64px bred) med en underoverskrift i Inter, efterfulgt af tre-kolonne gitre med kort til funktionsbeskrivelser/udtalelser/blogs. Navigationen er en fast øverste bjælke: logo til venstre, central menu (Virksomhed, Produkter, Løsninger, Klienter, Priser, FAQ), højrejusteret login (diskret) og introduktion (hvidt udfyldt element). Sidefoden har et tæt gitter med fem kolonner med links med virksomhedsoplysninger og juridiske meddelelser. Siden skifter mellem indholdsrige gittersektioner og statistikker i fuld skærm – rytmen etableres af det generøse hvide område mellem kolonnerne i stedet for af skiftende baggrundsfarver (hele siden præsenteres som et enkelt, samlet lærred).
Fotografiet er redaktionelt og naturalistisk: varme portrætter af grundlæggerne og teammedlemmerne i deres virkelige arbejdsmiljøer (kontorer, stuer, byggepladser). Billederne udfylder kortrammerne kant til kant uden marmorering. En mørk gradient bruges nederst på anbefalingskortene for at forbedre tekstens læsbarhed. Æstetikken - "LinkedIn møder redaktionelt magasin" - er afslappet, menneskelig og let afdæmpet, aldrig poleret med stockfotografi. Artikelminiaturebilleder kombinerer fotografier med illustrerede koncepter (en person, der står i en labyrint, en pejs med poser fulde af penge). Produktets brugergrænseflade vises i mørk tilstand med fuld opacitet, svævende over siden på diskrete mørke overflader - et centralt element. Ikonerne er monokrome med 1px-strøg i #2e3038 eller #777a88, aldrig fyldt med brandets farve.
Palet
Neutral
- Bone
#e2e3e9— Stor skriftstørrelse til primær tekst, detaljerede dataetiketter og en standardteksttone på tværs af de fleste brugergrænsefladeelementer. - Obsidian
#08080a— Sidens lærred, sidefodens baggrund, den mørkeste overflade er næsten sort med et diskret blåt skær. - Onyx
#040406— Kortets overflade, den ekstra baggrund, er et trin dybere end siden for visuel effekt. - Carbon
#121317— Hævede paneler, diskret UI-fyldning - det første mærkbart lettere trin i udviklingen af Surface Stack - Graphite
#1c1d22— Kanter, skillelinjer, ikonbeholdere, kontrolskydere – den fineste farvenuance, der definerer struktur. - Slate
#2e3038— Yderligere rammer, dæmpede ikonlinjer, diskrete skillelinjer mellem indholdsblokke.
Typografi
fra 13 til 88px · 9 trin
- Ivy Presto — udskiftning: Playfair Display · konturer 400, 500 · En serif-skrifttype til overskrifter og underoverskrifter – bruges udelukkende til overskrifter og sektionstitler på 28px og derover. Didone-strøg med høj kontrast og tynde serifs skaber en følelse af redaktionel luksus; den lille positive bogstavafstand på 0,01em er usædvanlig og giver skrifttypen et trykt, regnskabslignende udseende. Denne serif-skrifttype er brandets kernenavn – den adskiller Slash fra alle andre SaaS fintech-virksomheder, der som standard bruger geometriske sans-serif-skrifttyper.
- Inter — udskiftning: Inter (self-hosted via Google Fonts) · konturer 300, 400, 500, 600, 700 · UI Sans – hovedtekst, navigation, knapper, etiketter, links, formularfelter og underoverskrifter. Hovedteksten bruger en skrifttype 300 til diskret sekundær tekst; 500 bruges til tekst med mellemstor fremhævelse og knapetiketter; 600 er reserveret til kategorietiketter skrevet med små bogstaver. Negativ bogstavafstand falder fra 2 (-3) og falder, når størrelsen falder, hvilket er typisk for den optiske skalering af Inter-skrifttypen.
Intervaller og form
| Formål | Mening |
|---|---|
| Tæthed | rummelig |
| Grundlæggende trin | 8px |
| Knapradius | 9999px |
| Kortradius | 10px |
| Skygger | ingen grænser i stedet for skygger |
| Mellem sektioner | 160px |
| Sidebredde | 1216px |
AI vil bygge din hjemmeside i Slash -stil og udfylde den
- Fyld med produkter og opslag via linket - Instagram, TikTok, Facebook.
- Overfør indhold fra dit gamle websted – angiv blot adressen.
- Moderne design på den bedste søgemotor: React ( Next.js) med serverrendering og SEO-optimering lige fra starten.
- Fuldautomatiseret SEO-optimering til søgeresultater og anbefalinger til neurale netværk.
Lignende stilarter
- Modal — En fosforescerende terminal i et mørklagt serverrum - den eneste lyskilde er en lys grøn farve
- AgentQL — Nordlys over terminalen om natten
- GitHub — Et rumkommandopanel med bioluminescerende kontrolpunkter – et mørkt, atmosfærisk arbejdsområde, hvor en enkelt grøn glød peger vejen frem.
- Doppler — Hvælvingens lilla lys ved midnat. Det næsten sorte lærred gløder med et enkelt lavendelfarvet signal og et grønt bekræftelseslys, hver overflade er buet nok til at blive greben.
- Basedash — En midnatsdataterminal med mat skrifttype. Et mørkt observatorium, hvor målinger lyser lilla og grønt, serif-overskrifter svæver over støjen, og hvide pilleformede knapper er de eneste lyse objekter i et rum med bløde, sorte overflader.
- Superwhisper — Nordlyset opløses over midnatsglasset
- Better Stack — Midnight SRE-konsol
- Langbase — Midnatsnordlys-konsol
- Astro — Deep Space Mission Control med en enkelt lilla glød fra en tåge
- Wayfinder — En sort filmskærm med en næsten uhørbar titel, der svæver over en liveillustration. Brugerfladen er en lysstyrkeskyder snarere end et kontrolpanel.
- HashiCorp — Kontrolrummet ved midnat med lilla neon er en mørk teknisk overflade, hvor en lysende sekskantet kube fungerer som den eneste farvereference.
- Umbrel — En hyggelig bålplads i natserverrummet – et mørkt rum, hvor en enkelt ferskenfarvet glød fremhæver, hvad der virkelig er vigtigt.