
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
| Zamiar | Oznaczający |
|---|---|
| Gęstość | przestronny |
| Podstawowy krok | 16px |
| Promień przycisku | 6px |
| Promień karty | 16px |
| Cienie | nie - granice zamiast cieni |
| Między sekcjami | 96px |
| Szerokość strony | 1200px |
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ść.