
Slash
Skarbiec północny ze złoconymi księgami
Slash działa w trybie galerii o północy: niemal czarne płótno, biała czcionka i pojedynczy ciepły, miedziany akcent pełniący funkcję interpunkcji. Nagłówki są wyświetlane w Ivy Presto, wysokokontrastowym kroju pisma didone szeryfowego, używanym w ekstremalnych rozmiarach (do 88 pikseli) – to zderzenie krojów szeryfowych i bezszeryfowych jest znakiem rozpoznawczym systemu, nadając mu finansową powagę bez powagi maklerskiej tradycyjnej bankowości. Reszta interfejsu użytkownika jest celowo stonowana: cienkie obramowania, kontrolki w kształcie pigułki, zwarty tekst główny o szerokości 16 pikseli i subtelne uniesienie, pozwalające czcionce oddychać. Pojedynczy złoty gradient (linia wykresu, mikroakcenty) dodaje ciepła monochromatycznemu systemowi, przywodząc na myśl ciepłą poświatę terminala Bloomberga stworzonego z myślą o odbiorcach designu.
Zawartość ma szerokość 1216 px, jest wyśrodkowana, z pionowymi rynnami o szerokości 160 px. Ekran główny to ciemne płótno o pełnej szerokości z podzieloną kompozycją: nagłówek szeryfowy wyrównany do lewej (szerokość 64–88 px) z polem adresu e-mail poniżej oraz duża karta interfejsu użytkownika produktu (zrzut ekranu pulpitu) po prawej stronie o szerokości 50%. W kolejnych sekcjach zastosowano jednokolumnowy, wyśrodkowany nagłówek (szeryfowy, szerokość 44–64 px) z podtytułem w Inter, a następnie trzykolumnową siatkę kart z opisami funkcji, opiniami i blogami. Nawigacja to stały pasek u góry: logo po lewej stronie, centralne menu (Firma, Produkty, Rozwiązania, Klienci, Cennik, FAQ), logowanie wyrównane do prawej (niepozorne) i wprowadzenie (element wypełniony na biało). Stopka zawiera gęstą, pięciokolumnową siatkę linków z informacjami o firmie i informacjami prawnymi. Na stronie naprzemiennie wyświetlane są sekcje siatki wypełnione bogatą treścią oraz statystyki w trybie pełnoekranowym — rytm ten wyznaczają duże białe przestrzenie między kolumnami, a nie zmieniające się kolory tła (cała strona jest prezentowana jako pojedyncze, ujednolicone płótno).
Zdjęcia mają charakter redakcyjny i są naturalistyczne: ciepłe portrety założycieli i członków zespołu w ich rzeczywistych środowiskach pracy (biura, salony, place budowy). Zdjęcia wypełniają ramki kart od krawędzi do krawędzi, bez marginesów. Ciemny gradient zastosowano u dołu kart z opiniami, aby poprawić czytelność tekstu. Estetyka – „LinkedIn spotyka magazyn redakcyjny” – jest swobodna, ludzka i lekko stonowana, nigdy nie dopracowana fotografiami stockowymi. Miniatury artykułów łączą zdjęcia z ilustrowanymi koncepcjami (osoba stojąca w labiryncie, kominek z workami pieniędzy). Interfejs użytkownika produktu jest wyświetlany w trybie ciemnym z pełną przezroczystością, unosząc się nad stroną na subtelnych, ciemnych powierzchniach – stanowi centralny element. Ikony są monochromatyczne z obrysami o grubości 1 piksela w kolorze #2e3038 lub #777a88, nigdy nie wypełniane kolorem marki.
Paleta
Neutralny
- Bone
#e2e3e9— Duży rozmiar czcionki dla tekstu głównego, szczegółowe etykiety danych i standardowy ton tekstu w większości elementów interfejsu użytkownika. - Obsidian
#08080a— Płótno strony, tło stopki i najciemniejsza powierzchnia są prawie czarne z delikatnym niebieskim odcieniem. - Onyx
#040406— Powierzchnia karty, czyli dodatkowe tło, jest o jeden stopień głębsza niż strona, co zapewnia efekt wizualny. - Carbon
#121317— Podniesione panele, dyskretne wypełnienie interfejsu użytkownika – pierwszy zauważalnie lżejszy krok w ewolucji Surface Stack - Graphite
#1c1d22— Obramowania, separatory, pojemniki na ikony, suwaki sterujące — najsubtelniejszy odcień koloru określający strukturę. - Slate
#2e3038— Dodatkowe obramowania, stonowane linie ikon, subtelne podziały między blokami treści.
Typografia
od 13 do 88px · 9 kroków
- Ivy Presto — wymiana: Playfair Display · wytyczne 400, 500 · Czcionka szeryfowa do nagłówków i podtytułów – używana wyłącznie do nagłówków i tytułów sekcji o wysokości 28 px i większej. Wysokokontrastowe kreski typu didone z cienkimi szeryfami tworzą wrażenie luksusu redakcyjnego; niewielki odstęp między literami wynoszący 0,01 em jest nietypowy i nadaje czcionce wygląd przypominający druk księgowy. Ta czcionka szeryfowa jest główną wizytówką marki – wyróżnia Slash spośród wszystkich innych firm SaaS z branży fintech, które domyślnie używają geometrycznych czcionek bezszeryfowych.
- Inter — wymiana: Inter (self-hosted via Google Fonts) · wytyczne 300, 400, 500, 600, 700 · UI Sans — tekst główny, nawigacja, przyciski, etykiety, linki, pola formularzy i podtytuły. Tekst główny jest pisany czcionką 300, co zapewnia dyskretny tekst drugorzędny; czcionka 500 jest używana do tekstu o średnim natężeniu i etykiet przycisków; czcionka 600 jest zarezerwowana dla etykiet kategorii pisanych kapitalikami. Ujemne odstępy między literami zmniejszają się z 2 (-3) i maleją wraz ze zmniejszaniem rozmiaru, co jest typowe dla optycznego skalowania czcionki Inter.
Interwały i forma
| Zamiar | Oznaczający |
|---|---|
| Gęstość | przestronny |
| Podstawowy krok | 8px |
| Promień przycisku | 9999px |
| Promień karty | 10px |
| Cienie | nie - granice zamiast cieni |
| Między sekcjami | 160px |
| Szerokość strony | 1216px |
Sztuczna inteligencja zbuduje Twoją witrynę w stylu Slash i wypełni ją
- Uzupełnij produktami i postami za pomocą linku - Instagram, TikTok, Facebook.
- Przenieś zawartość ze starej witryny — wystarczy podać adres.
- Nowoczesny design na najlepszym silniku: React ( Next.js) z renderowaniem serwerowym i optymalizacją SEO od razu po wyjęciu z pudełka.
- W pełni zautomatyzowana optymalizacja SEO dla wyników wyszukiwania i rekomendacje sieci neuronowych.
Podobne style
- Modal — Terminal fosforyzujący w zaciemnionej serwerowni – jedynym źródłem światła jest jasnozielony kolor
- AgentQL — Zorza polarna nad terminalem nocą
- GitHub — Kosmiczny panel dowodzenia z bioluminescencyjnymi punktami kontrolnymi — ciemna, nastrojowa przestrzeń robocza, w której pojedyncza zielona poświata wskazuje drogę naprzód.
- Doppler — Fioletowe oświetlenie krypty o północy. Prawie czarne płótno rozświetla się pojedynczym lawendowym sygnałem i zielonym światłem potwierdzającym, każda powierzchnia jest na tyle zakrzywiona, że można ją uchwycić.
- Basedash — Terminal danych o północy z matową czcionką. Ciemne obserwatorium, gdzie wskaźniki świecą na fioletowo i zielono, nagłówki szeryfowe unoszą się nad szumem, a białe przyciski w kształcie pigułek to jedyne jasne obiekty w pomieszczeniu o miękkich, czarnych powierzchniach.
- Superwhisper — Zorza polarna rozpływa się nad nocnym szkłem
- Better Stack — Konsola Midnight SRE
- Langbase — Konsola Midnight Northern Lights
- Astro — Centrum kontroli misji głębokiego kosmosu z pojedynczą fioletową poświatą mgławicy
- Wayfinder — Czarny ekran filmowy z ledwo słyszalnym tytułem unoszącym się nad ilustracją na żywo. Interfejs to suwak jasności, a nie panel sterowania.
- HashiCorp — Pomieszczenie kontrolne o północy, z fioletowym neonem, to ciemna techniczna powierzchnia, na której jedynym odniesieniem kolorystycznym jest świecący sześciokątny sześcian.
- Umbrel — Przytulne palenisko w serwerowni — ciemne pomieszczenie, w którym pojedyncza brzoskwiniowa poświata podkreśla to, co naprawdę ważne.