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

Resend

czarny aksamit z fioletowym neonowym kolorem

Resend to niemal całkowita ciemność – czyste, czarne płótno, cienkie grafitowe obramowania i typografia w czerni i bieli, która daje wrażenie czytania tekstu wydrukowanego na matowym szkle. Główny element jest anty-ozdobny: pojedynczy, duży nagłówek szeryfowy w formacie Domaine o szerokości 96 pikseli obok trójwymiarowego czarnego sześcianu, bez gradientów ani ilustracji marketingowych. Znak firmowy ma intensywny fioletowy kolor (#9281f7), który pojawia się w wierszach adresów e-mail, ikonach statusu i przykładach kodu – nigdy na przyciskach. Czcionka o stałej szerokości (Commit Mono) oddaje osobowość programisty poprzez każdy blok kodu, ikonę i etykietę w tekście, sprawiając, że strona przypomina terminal zamknięty w luksusowym interfejsie. Komponenty mają ostre lub lekko zaokrąglone rogi (6/16 pikseli), niewielką wysokość i używają obramowań o szerokości 1 piksela zamiast cieni do oddzielania warstw. Dynamika jest subtelna, ale wyrazista: płynne zanikanie i przesuwanie tekstu na ekranie głównym, delikatny obrót sześcianu z wykorzystaniem technologii WebGL oraz krótkie, 150-ms przejścia po najechaniu kursorem.

Projekt wizualny składa się niemal wyłącznie z obiektów 3D renderowanych za pomocą WebGL (czarny sześcian w oknie głównym, obracające się kształty geometryczne) oraz osadzonych zrzutów ekranu interfejsu użytkownika produktu wyświetlanych w oknach kodu ukrytego. Nie użyto żadnych fotografii, ilustracji ani obrazów lifestylowych. Loga na pasku zaufania to osadzone obrazy SVG w oryginalnych kolorach. Ikony mają kontury o szerokości 1–1,5 piksela i są zakończone kreską #f0f0f0 lub #a1a4a5. Język wizualny: czarne płótno, obiekt 3D jako zakotwiczenie okna głównego, okna kodu ukrytego jako dowód produktu, białe logo SVG jako dowód społeczny. Brak elementów dekoracyjnych – każdy element wizualny ma charakter strukturalny (sześcian) lub demonstracyjny (okno kodu, logo).

Paleta

Marka

  • Iris Violet #9281f7 — Akcent tekstu w kolorze fioletowym dla linków, tagów i wyróżnionych krótkich fraz; ukośny gradient od fioletowego do magenty na kontenerach ikon i ikonach marki.
  • Iris Violet Glow #baa7ff — Linki, tagi i krótkie wyróżnione frazy są podświetlone na fioletowo.

Neutralny

  • Void Black #000000 — Tła stron, powierzchnie tekturowe, ekrany nakładkowe – całe płótno.
  • Graphite Hairline #292d30 — Każda warstwa posiada obramowanie o szerokości 1 piksela na kartach, polach wprowadzania danych, przyciskach, blokach kodu i separatorach, które definiują odstęp między warstwami.
  • White #ffffff — Główne nagłówki, tytuł, etykiety przycisków, wypełnienie ikon na ciemnych powierzchniach.
  • Bone White #f0f0f0 — Tekst główny, nagłówki drugorzędne, kontury ikon – główny kolor do czytania.
  • Ash Gray #a1a4a5 — Wyciszony tekst główny, etykiety ikon, kontury ikon — tekst trzeciego poziomu i metadane.
  • Smoke Gray #abafb4 — Kolor łącza, tekst wyłączonego przycisku, etykiety pomocnicze – tekst czwartego poziomu

Typografia

od 12 do 96px · 8 kroków

  • Inter — wymiana: Inter (Google Fonts) · wytyczne 400, 500, 600 · Tekst główny, etykiety interfejsu użytkownika, nawigacja, przyciski, linki. Narzędzie robocze – pojawia się 1280 razy na wszystkich powierzchniach z wyjątkiem kodu.
  • Domaine — wymiana: GT Sectra · wytyczne 400 · Tekst tytułu – czcionka o wielkości 400 punktów i odstępach między literami 96 pikseli – sprawia wrażenie artykułu redakcyjnego, niemal drukowanego. Jest on użyty tylko dwa razy na całej stronie, jako największy nagłówek.
  • aBC Favorit — wymiana: Inter Display · wytyczne 400, 500 · Nagłówki sekcji i podtytuły. Czcionka w stylu marki ma szerokość 56 pikseli, grubość 400, a odstęp między literami wynosi -0,05 em. Wyjątkowo ujemne odstępy między literami w tym geometrycznym foncie bezszeryfowym tworzą wrażenie zwartości i pewności siebie, kontrastując z głównym krojem pisma Domaine.

Interwały i forma

ZamiarOznaczający
Gęstośćprzestronny
Podstawowy krok16px
Promień przycisku6px
Promień karty16px
Cienienie - granice zamiast cieni
Między sekcjami96px
Szerokość strony1200px

Sztuczna inteligencja zbuduje Twoją witrynę w stylu Resend 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

  • Neon — Serwerownia po zmroku. Całkowita ciemność, gdzie jedynym światłem są dane i interakcje użytkowników.
  • Discord — Świat gry ukryty jest za wyskakującym okienkiem czatu – każda sekcja to samodzielne środowisko z własnym oświetleniem i zestawem postaci
  • Midjourney — Bioluminescencyjny terminal w głębi oceanu. Głębinowy świat, w którym inteligencja generuje się wizualnie w strumieniach ASCII, a elementy sterujące pojawiają się jako delikatnie świecące wzory.
  • Wope — Wope to interfejs fioletowego horyzontu. Wyobraź sobie ciemny stół obserwacyjny z fioletowym światłem padającym spod szkła.
  • Ori — Serwerownia o północy jest czarną pustką, białym światłem, jednym włącznikiem.
  • Amaterasu — Niebiańskie Sanktuarium Turkusowe
  • Obsidian — Skarbnica krystalicznej wiedzy. Przejrzysta, wielopłaszczyznowa przestrzeń cyfrowa zaprojektowana z myślą o przejrzystości i skupieniu, ze świetlistymi, fioletowymi żyłami interakcji.
  • Morphic — Ciemne, kinowe płótno dla opowieści opartych na sztucznej inteligencji. Czysta czerń pochłania wszystko poza niebieską pulsacją pojedynczego akcentu i blaskiem generowanego obrazu.
  • Valo — Mroczne obserwatorium o północy — czcionka o wielkości 300 punktów unosi się na czystym, czarnym tle, a pojedynczy turkusowo-fioletowy gradient przebiega przez pomieszczenie niczym linia laserowa.
  • JetBrains — Neon Nebula na Obsydianie – strona z czarnym tłem, na której fioletowo-niebieskie gradienty rozkwitają niczym obrazy głębokiego kosmosu, przeplatane intensywnie różowym neonem i chromatycznym blaskiem ikon każdego produktu.
  • beehiiv — Obserwatorium Północne z Neonową Plazmą
  • RainbowKit — Neonowa, modalna torebka-organizer unosi się w czarnej próżni, a niebiesko-fioletowa poświata przebija się przez ciemność.