Slash
Midnattshvelv med forgylte bøker
Slash opererer i en midnattsgallerimodus: et nesten svart lerret, hvit skrift og en enkel varm kobberaksent som fungerer som tegnsetting. Overskrifter vises i Ivy Presto, en didone-serif med høy kontrast som brukes i ekstreme størrelser (opptil 88 piksler) – denne sammenstøtet mellom serif- og sans-serif-skrifttyper er systemets signatur, og gir det en økonomisk tyngde uten meglertyngden til tradisjonell bankvirksomhet. Resten av brukergrensesnittet er bevisst nedtonet: tynne rammer, pilleformede kontroller, kompakt brødtekst på 16 piksler og en subtil oppsveiping for å la skriften puste. En enkel gullgradient (diagramlinje, mikroaksenter) gir varme til det monokrome systemet, og fremkaller den varme gløden til en Bloomberg-terminal bygget for et designpublikum.
Innholdet er 1216 piksler bredt, sentrert, med 160 piksler vertikale innbindingsmarginer. Hjemmeskjermen er et mørkt lerret i full bredde med en delt komposisjon: en venstrejustert serif-overskrift (64–88 piksler bred) med et e-postadressefelt nedenfor, og et stort produktgrensesnittkort (et skjermbilde av dashbordet) til høyre med 50 % bredde. Etterfølgende seksjoner bruker en sentrert overskrift med én kolonne (serif, 44–64 piksler bred) med en underoverskrift i Inter, etterfulgt av rutenett med tre kolonner for funksjonsbeskrivelser/anbefalinger/blogger. Navigasjonen er en fast topplinje: logo til venstre, sentral meny (Bedrift, Produkter, Løsninger, Kunder, Priser, Vanlige spørsmål), høyrejustert innlogging (diskret) og komme i gang (hvitt fylt element). Bunnteksten har et tett rutenett med fem kolonner med lenker med bedriftsinformasjon og juridiske merknader. Siden veksler mellom innholdsrike rutenettseksjoner og fullskjermstatistikk – rytmen etableres av det sjenerøse hvite området mellom kolonnene i stedet for av alternerende bakgrunnsfarger (hele siden presenteres som et enkelt, enhetlig lerret).
Fotografiet er redaksjonelt og naturalistisk: varme portretter av grunnleggerne og teammedlemmene i deres virkelige arbeidsmiljøer (kontorer, stuer, byggeplasser). Bildene fyller kortrammene kant i kant, uten polstring. En mørk gradient brukes nederst på anbefalingskortene for å forbedre tekstlesbarheten. Estetikken – «LinkedIn møter redaksjonelt magasin» – er avslappet, menneskelig og litt dempet, aldri polert med arkivfotografi. Artikkelminiatyrbilder kombinerer fotografier med illustrerte konsepter (en person som står i en labyrint, en peis med pengesekker). Produktets brukergrensesnitt vises i mørk modus med full opasitet, og svever over siden på subtile mørke overflater – et sentralt element. Ikonene er monokrome med 1px-strøk i #2e3038 eller #777a88, aldri fylt med merkevarens farge.
Palett
Nøytral
- Bone
#e2e3e9— Stor skriftstørrelse for primærtekst, detaljerte dataetiketter og en standard teksttone på tvers av de fleste UI-elementer. - Obsidian
#08080a— Sidens lerret, bunntekstbakgrunnen og den mørkeste overflaten er nesten svart med et subtilt blått skjær. - Onyx
#040406— Overflaten på kortet, den ekstra bakgrunnen, er ett trinn dypere enn siden for visuell effekt. - Carbon
#121317— Hevede paneler, diskret UI-fyll – det første merkbart lettere trinnet i utviklingen av Surface Stack - Graphite
#1c1d22— Kanter, skillelinjer, ikonbeholdere, kontrollskyveknapper – den fineste fargenyansen som definerer struktur. - Slate
#2e3038— Ekstra rammer, dempede ikonlinjer, diskré skillelinjer mellom innholdsblokker.
Typografi
fra 13 til 88 piksler · 9 trinn
- Ivy Presto — erstatning: Playfair Display · omriss 400, 500 · En serif-skrifttype for overskrifter og underoverskrifter – brukes utelukkende for overskrifter og seksjonstitler på 28 piksler og over. Høykontrast didone-strøk med tynne serifer skaper en følelse av redaksjonell luksus; den lille positive bokstavavstanden på 0,01 em er uvanlig og gir skrifttypen et trykt, regnskapslignende utseende. Denne serif-skrifttypen er merkets kjernevisittkort – den skiller Slash fra alle andre SaaS fintech-selskaper som som standard bruker geometriske sans-serif-skrifter.
- Inter — erstatning: Inter (self-hosted via Google Fonts) · omriss 300, 400, 500, 600, 700 · UI Sans – hovedtekst, navigasjon, knapper, etiketter, lenker, skjemafelt og underoverskrifter. Hovedteksten bruker en skrifttype 300 for diskret sekundærtekst; 500 brukes for tekst med middels vekt og knappetiketter; 600 er reservert for kategorietiketter skrevet med små bokstaver. Negativ bokstavavstand reduseres fra 2 (-3) og reduseres når størrelsen reduseres, noe som er typisk for den optiske skaleringen av Inter-skriften.
Intervaller og form
| Hensikt | Betydning |
|---|---|
| Tetthet | romslig |
| Grunnleggende trinn | 8px |
| Knapperadius | 9999px |
| Kortradius | 10px |
| Skygger | ingen grenser i stedet for skygger |
| Mellom seksjoner | 160px |
| Sidebredde | 1216px |
AI vil bygge nettstedet ditt i Slash -stil og fylle det
- Fyll på med produkter og innlegg via lenken - Instagram, TikTok, Facebook.
- Overfør innhold fra det gamle nettstedet ditt – bare oppgi adressen.
- Moderne design på den beste søkemotoren: React ( Next.js) med serverrendering og SEO-optimalisering rett ut av boksen.
- Helautomatisk SEO-optimalisering for søkeresultater og anbefalinger fra nevrale nettverk.
Lignende stiler
- Modal — En fosforescerende terminal i et mørklagt serverrom – den eneste lyskilden er en lys grønn farge
- AgentQL — Nordlys over terminalen om natten
- GitHub — Et romkommandopanel med bioluminescerende kontrollpunkter – et mørkt, atmosfærisk arbeidsområde der en enkelt grønn glød peker veien fremover.
- Doppler — Hvelvets lilla lys ved midnatt. Det nesten svarte lerretet gløder med et enkelt lavendelfarget signal og et grønt bekreftelseslys, hver overflate er buet nok til å kunne gripes.
- Basedash — En dataterminal ved midnatt med matt skrift. Et mørkt observatorium der målinger lyser lilla og grønt, serif-overskrifter svever over støyen, og hvite pilleformede knapper er de eneste lyse objektene i et rom med myke, svarte overflater.
- Superwhisper — Nordlyset oppløses over midnattsglasset
- Better Stack — Midnatts SRE-konsoll
- Langbase — Midnattsnordlys-konsoll
- Astro — Deep Space Mission Control med en enkelt lilla glød fra en tåke
- Wayfinder — En svart filmskjerm med en knapt hørbar tittel som svever over en levende illustrasjon. Grensesnittet er en lysstyrkeglidebryter i stedet for et kontrollpanel.
- HashiCorp — Kontrollrommet ved midnatt med lilla neon er en mørk teknisk overflate der en glødende sekskantet kube fungerer som eneste fargereferanse.
- Umbrel — En koselig bålplass i nattserverrommet – et mørkt rom hvor en enkelt ferskenglød fremhever det som virkelig er viktig.