Telegram, WhatsApp+380637610482
Valery Danyuk
Valery DanyukontwikkelaarAI-tools ontwikkelen voor bedrijven. Hoogwaardig. Betaalbaar.Stuur een Telegram-bericht
Slash — een voorbeeld van een site in deze stijl

Slash

Nachtkluis met vergulde grootboeken

Slash werkt in een soort nachtelijke galerijmodus: een bijna zwart canvas, witte tekst en een enkel warm koperkleurig accent als leesteken. Kopteksten worden weergegeven in Ivy Presto, een contrastrijk didone-seriflettertype dat in extreme formaten wordt gebruikt (tot 88px) – deze botsing van schreef- en schreefloze lettertypen is kenmerkend voor het systeem en geeft het een financiële uitstraling zonder de statigheid van een traditioneel bankkantoor. De rest van de gebruikersinterface is bewust ingetogen: dunne randen, pilvormige bedieningselementen, compacte tekst van 16px en een subtiele opwaartse lijn om de tekst ademruimte te geven. Een enkele gouden kleurovergang (grafieklijn, microaccenten) voegt warmte toe aan het monochrome systeem en roept de warme gloed op van een Bloomberg-terminal die is ontworpen voor een designpubliek.

De inhoud is 1216px breed, gecentreerd, met een verticale marge van 160px. Het startscherm is een donker, volledig breed canvas met een gesplitste compositie: een links uitgelijnde koptekst met schreeflettertype (64-88px breed) met daaronder een e-mailadresveld, en een grote product-UI-kaart (een screenshot van het dashboard) rechts op 50% breedte. De volgende secties gebruiken een koptekst met één kolom, gecentreerd (schrijflettertype, 44-64px breed) met een subkop in Inter, gevolgd door een raster van kaarten met drie kolommen voor productbeschrijvingen/getuigenissen/blogs. De navigatie bestaat uit een vaste bovenste balk: logo links, centraal menu (Bedrijf, Producten, Oplossingen, Klanten, Prijzen, FAQ), rechts uitgelijnd inloggen (onopvallend) en aan de slag (wit gevuld element). De footer bevat een dicht raster van vijf kolommen met links naar bedrijfsinformatie en juridische mededelingen. De pagina wisselt af tussen inhoudrijke rastersecties en statistieken die het hele scherm vullen. Het ritme wordt bepaald door de ruime witruimte tussen de kolommen, en niet door afwisselende achtergrondkleuren (de hele pagina wordt gepresenteerd als één enkel, uniform geheel).

De fotografie is redactioneel en naturalistisch: warme portretten van de oprichters en teamleden in hun dagelijkse werkomgeving (kantoren, woonkamers, bouwplaatsen). De afbeeldingen vullen de kaartkaders van rand tot rand, zonder opvulling. Onderaan de testimonialkaarten wordt een donker kleurverloop gebruikt om de leesbaarheid van de tekst te verbeteren. De esthetiek – "LinkedIn meets redactioneel magazine" – is informeel, menselijk en enigszins ingetogen, nooit gepolijst met stockfoto's. Artikelminiaturen combineren foto's met geïllustreerde concepten (een persoon in een doolhof, een open haard met zakken geld). De gebruikersinterface van het product wordt weergegeven in de donkere modus met volledige dekking, zwevend boven de pagina op subtiele donkere oppervlakken – een centraal element. Pictogrammen zijn monochroom met een lijndikte van 1px in #2e3038 of #777a88, nooit gevuld met de merkkleur.

Palet

Neutrale

  • Bone #e2e3e9 — Een groot lettertype voor de hoofdtekst, gedetailleerde gegevenslabels en een standaard tekststijl voor de meeste UI-elementen.
  • Obsidian #08080a — Het paginacanvas, de achtergrond van de voettekst, het donkerste oppervlak is bijna zwart met een subtiele blauwe tint.
  • Onyx #040406 — Het oppervlak van de kaart, de extra achtergrond, is voor een beter visueel effect een stapje dieper dan de pagina.
  • Carbon #121317 — Verhoogde panelen, onopvallende UI-vulling - de eerste merkbaar lichtere stap in de evolutie van Surface Stack.
  • Graphite #1c1d22 — Randen, scheidingslijnen, pictogramcontainers, schuifregelaars: zelfs de subtielste kleurnuances bepalen de structuur.
  • Slate #2e3038 — Extra randen, subtiele pictogramlijnen en afzonderlijke scheidingslijnen tussen contentblokken.

Typografie

van 13 tot 88px · 9 stappen

  • Ivy Presto — vervanging: Playfair Display · overzichten 400, 500 · Een schreeflettertype voor kopjes en subkopjes – exclusief gebruikt voor kopjes en sectietitels vanaf 28px. De contrastrijke didone-lijnen met dunne schreven creëren een gevoel van professionele uitstraling; de kleine positieve letterafstand van 0,01em is ongebruikelijk en geeft het lettertype een gedrukte, boekhoudkundige look. Dit schreeflettertype is het belangrijkste visitekaartje van het merk – het onderscheidt Slash van alle andere SaaS-fintechbedrijven die standaard geometrische schreefloze lettertypen gebruiken.
  • Inter — vervanging: Inter (self-hosted via Google Fonts) · overzichten 300, 400, 500, 600, 700 · UI Sans—hoofdtekst, navigatie, knoppen, labels, links, formuliervelden en subkoppen. De hoofdtekst gebruikt een lettergrootte van 300 voor onopvallende secundaire tekst; 500 wordt gebruikt voor tekst met gemiddelde nadruk en knoplabels; 600 is gereserveerd voor categorielabels in kleine hoofdletters. De negatieve letterafstand neemt af van 2 (-3) en neemt verder af naarmate de grootte afneemt, wat kenmerkend is voor de optische schaling van het Inter-lettertype.

Intervallen en vorm

DoelBetekenis
Dikteruim
Basisstap8px
Knopradius9999px
Kaartradius10px
Schaduwengeen randen in plaats van schaduwen
Tussen secties160px
Paginabreedte1216px

AI bouwt je website in de stijl Slash en vult deze in.

  • Vul het account aan met producten en berichten via de link - Instagram, TikTok, Facebook.
  • Neem de inhoud van je oude website over; geef gewoon het adres op.
  • Modern design op de beste engine: React ( Next.js) met server-side rendering en SEO-optimalisatie direct uit de doos.
  • Volledig geautomatiseerde SEO-optimalisatie voor zoekresultaten en aanbevelingen op basis van neurale netwerken.

Vergelijkbare stijlen

  • Modal — Een fosforescerende terminal in een verduisterde serverruimte - de enige lichtbron is een felgroene lamp.
  • AgentQL — Het noorderlicht boven de terminal 's nachts
  • GitHub — Een ruimtecommandopaneel met bioluminescente bedieningspunten – een donkere, sfeervolle werkruimte waar een enkele groene gloed de weg wijst.
  • Doppler — De paarse verlichting van de kluis om middernacht. Het bijna zwarte doek gloeit met een enkel lavendelkleurig signaal en een groen bevestigingslicht, elk oppervlak is voldoende gebogen om vast te pakken.
  • Basedash — Een dataterminal midden in de nacht met een mat lettertype. Een donker observatorium waar meetwaarden paars en groen oplichten, schreefletters boven de ruis zweven en witte, pilvormige knoppen de enige heldere objecten zijn in een ruimte vol zachte, zwarte oppervlakken.
  • Superwhisper — Het noorderlicht verdwijnt achter de middernachtelijke hemel.
  • Better Stack — Midnight SRE Console
  • Langbase — Middernacht noorderlicht console
  • Astro — De vluchtleidingscentrale van Deep Space Mission Control, met een enkele paarse gloed afkomstig van een nevel.
  • Wayfinder — Een zwart filmscherm met een nauwelijks hoorbare titel die boven een bewegende illustratie zweeft. De interface bestaat uit een schuifregelaar voor de helderheid in plaats van een bedieningspaneel.
  • HashiCorp — De controlekamer, midden in de nacht verlicht door paars neonlicht, is een donkere, technische ruimte waar een gloeiende zeshoekige kubus als enige kleurreferentie dient.
  • Umbrel — Een knusse vuurplaats in de serverruimte 's nachts – een donkere ruimte waar een enkele perzikkleurige gloed benadrukt wat er werkelijk toe doet.