Telegram, WhatsApp  +380637610482
Walery Danyuk
Walery DanyukwywoływaczTworzymy narzędzia AI dla firm. Wysoka jakość. Przystępna cena.Napisz na Telegram
Slash — podgląd witryny w tym stylu

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

ZamiarOznaczający
Gęstośćprzestronny
Podstawowy krok8px
Promień przycisku9999px
Promień karty10px
Cienienie - granice zamiast cieni
Między sekcjami160px
Szerokość strony1216px

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.