Slash
Midnattsvalv med förgyllda böcker
Slash fungerar i ett midnattsgalleriläge: en nästan svart duk, vit typsnitt och en enda varm kopparfärgad accent som fungerar som interpunktion. Rubriker visas i Ivy Presto, ett högkontrastliknande didone-serif-typsnitt som används i extrema storlekar (upp till 88 pixlar) – denna kollision av serif- och sans-serif-typsnitt är systemets signatur och ger det en finansiell tyngd utan den mäklartyngd som traditionell bankverksamhet har. Resten av användargränssnittet är medvetet diskret: tunna ramar, pillerformade kontroller, kompakt 16 pixlar brödtext och en subtil uppåtgående svepning för att låta typsnittet andas. En enda guldtoning (diagramlinje, mikroaccenter) ger värme till det monokroma systemet och framkallar den varma glöden hos en Bloomberg-terminal byggd för en designpublik.
Innehållet är 1216 pixlar brett, centrerat, med 160 pixlar vertikala rännor. Startskärmen är en mörk arbetsyta i full bredd med delad komposition: en vänsterjusterad serif-rubrik (64–88 pixlar bred) med ett e-postadressfält nedanför, och ett stort produktgränssnittskort (en skärmdump av instrumentpanelen) till höger med 50 % bredd. Efterföljande avsnitt använder en centrerad rubrik med en kolumn (serif, 44–64 pixlar bred) med en underrubrik i Inter, följt av trekolumnsrutnät med kort för funktionsbeskrivningar/recensioner/bloggar. Navigeringen är en fast övre bar: logotyp till vänster, central meny (Företag, Produkter, Lösningar, Kunder, Prissättning, FAQ), högerjusterad inloggning (diskret) och komma igång (vitt fyllt element). Sidfoten har ett tätt femkolumnsrutnät med länkar med företagsinformation och juridiska meddelanden. Sidan växlar mellan innehållsrika rutnätssektioner och helskärmsstatistik – rytmen etableras av det generösa vita utrymmet mellan kolumnerna snarare än av alternerande bakgrundsfärger (hela sidan presenteras som en enda, enhetlig arbetsyta).
Fotografiet är redaktionellt och naturalistiskt: varma porträtt av grundarna och teammedlemmarna i deras verkliga arbetsmiljöer (kontor, vardagsrum, byggarbetsplatser). Bilderna fyller kortramarna kant i kant, utan utfyllnad. En mörk gradient används längst ner på vittnesmålskorten för att förbättra textens läsbarhet. Estetiken – "LinkedIn möter redaktionell tidskrift" – är avslappnad, mänsklig och något dämpad, aldrig polerad med stockbilder. Artikelminiatyrer kombinerar fotografier med illustrerade koncept (en person som står i en labyrint, en öppen spis med påsar med pengar). Produktens användargränssnitt visas i mörkt läge med full opacitet, och svävar ovanför sidan på subtila mörka ytor – ett centralt element. Ikonerna är monokroma med 1px-linjer i #2e3038 eller #777a88, aldrig fyllda med varumärkets färg.
Palett
Neutral
- Bone
#e2e3e9— Stor teckenstorlek för primärtext, detaljerade dataetiketter och en standardtextton för de flesta UI-element. - Obsidian
#08080a— Sidans arbetsyta, sidfotsbakgrunden, den mörkaste ytan är nästan svart med en subtil blå nyans. - Onyx
#040406— Kortets yta, den extra bakgrunden, är ett steg djupare än sidan för visuell effekt. - Carbon
#121317— Upphöjda paneler, diskret fyllning i användargränssnittet – det första märkbart lättare steget i utvecklingen av Surface Stack - Graphite
#1c1d22— Kantlinjer, avdelare, ikonbehållare, kontrollreglage – den subtilaste färgnyansen som definierar struktur. - Slate
#2e3038— Ytterligare ramar, dämpade ikonlinjer, subtila avdelare mellan innehållsblock.
Typografi
från 13 till 88px · 9 steg
- Ivy Presto — ersättning: Playfair Display · konturer 400, 500 · Ett serif-teckensnitt för rubriker och underrubriker – används exklusivt för rubriker och avsnittstitlar på 28px och uppåt. Didone-streck med hög kontrast och tunna serifer skapar en känsla av redaktionell lyx; det lilla positiva bokstavsavståndet på 0,01 em är ovanligt och ger teckensnittet ett tryckt, redovisningsliknande utseende. Detta serif-teckensnitt är varumärkets centrala visitkort – det skiljer Slash från alla andra SaaS-fintech-företag som som standard använder geometriska sans-serif-teckensnitt.
- Inter — ersättning: Inter (self-hosted via Google Fonts) · konturer 300, 400, 500, 600, 700 · UI Sans – huvudtext, navigering, knappar, etiketter, länkar, formulärfält och underrubriker. Huvudtexten använder teckensnittet 300 för diskret sekundärtext; 500 används för text med medelhög betoning och knappetiketter; 600 är reserverat för kategorietiketter skrivna med gemener. Negativt bokstavsavstånd minskar från 2 (-3) och minskar när storleken minskar, vilket är typiskt för den optiska skalningen av teckensnittet Inter.
Intervaller och form
| Ändamål | Menande |
|---|---|
| Densitet | rymlig |
| Grundläggande steg | 8px |
| Knappradie | 9999px |
| Kortradie | 10px |
| Skuggor | inga gränser istället för skuggor |
| Mellan sektioner | 160px |
| Sidbredd | 1216px |
AI kommer att bygga din webbplats i Slash -stil och fylla den
- Fyll på med produkter och inlägg via länken - Instagram, TikTok, Facebook.
- Överför innehåll från din gamla webbplats – ange bara adressen.
- Modern design på den bästa sökmotorn: React ( Next.js) med serverrendering och SEO-optimering direkt ur lådan.
- Helautomatisk SEO-optimering för sökresultat och rekommendationer för neurala nätverk.
Liknande stilar
- Modal — En fosforescerande terminal i ett mörklagt serverrum - den enda ljuskällan är en ljusgrön färg
- AgentQL — Norrsken över terminalen på natten
- GitHub — En rymdkommandopanel med bioluminescerande kontrollpunkter – en mörk, atmosfärisk arbetsyta där ett enda grönt sken pekar vägen framåt.
- Doppler — Valvets lila ljus vid midnatt. Den nästan svarta duken lyser med en enda lavendelfärgad signal och ett grönt bekräftelseljus, varje yta tillräckligt böjd för att gripas.
- Basedash — En dataterminal vid midnatt med matt typsnitt. Ett mörkt observatorium där mätvärden lyser lila och grönt, rubriker med serifliknande former svävar över bruset och vita pillerformade knappar är de enda ljusa objekten i ett rum med mjuka svarta ytor.
- Superwhisper — Norrskenet upplöses över midnattsglaset
- Better Stack — Midnatts-SRE-konsol
- Langbase — Midnatts norrskenskonsol
- Astro — Rymdkontroll med ett enda lila sken från en nebulosa
- Wayfinder — En svart filmduk med en knappt hörbar titel som svävar ovanför en liveillustration. Gränssnittet är en ljusstyrkereglage snarare än en kontrollpanel.
- HashiCorp — Kontrollrummet vid midnatt med lila neon är en mörk teknisk yta där en glödande hexagonal kub fungerar som enda färgreferens.
- Umbrel — En mysig eldstad i nattrummet – ett mörkt rum där en enda persikofärgad glöd framhäver det som verkligt är viktigt.