Resend
černý samet s fialovou neonovou barvou
Resend existuje v téměř naprosté tmě – čisté černé plátno, tenké grafitové okraje a bílá typografie na černém pozadí, která vytváří pocit čtení textu vytištěného na matném skle. Hlavním prvkem je anti-ornamentální: jeden velký patkový titulek v 96px Domaine vedle trojrozměrné černé krychle, bez přechodů nebo marketingových ilustrací. Značkou je sytá fialová (#9281f7), která se objevuje v řádcích e-mailových adres, stavových ikonách a ukázkách kódu – nikdy na tlačítkách. Písmo s pevnou šířkou písma (Commit Mono) vyjadřuje osobnost vývojáře prostřednictvím každého bloku kódu, ikony a vloženého popisku, takže stránka působí jako terminál uzavřený v luxusním rozhraní. Komponenty mají ostré nebo mírně zaoblené rohy (6px / 16px), nízké výšky a k oddělení vrstev používají okraje o tloušťce 1px místo stínů. Dynamika je jemná, ale expresivní: plynulé stmívání a posouvání textu na hlavní obrazovce, jemná rotace krychle pomocí WebGL a krátké 150ms přechody při najetí myší.
Vizuální design se skládá téměř výhradně z 3D objektů vykreslených pomocí WebGL (černá kostka v hlavním okně, rotující geometrické tvary) a vložených snímků obrazovky uživatelského rozhraní produktu zobrazených v oknech s tmavým kódem. Nejsou použity žádné fotografie, ilustrace ani obrázky životního stylu. Loga v panelu důvěryhodnosti jsou vložené obrázky SVG v původních barvách. Ikony mají obrysy o velikosti 1px-1,5px s tahem #f0f0f0 nebo #a1a4a5. Vizuální jazyk: černé plátno, 3D objekt jako kotva hlavního okna, okna s tmavým kódem jako produktový důkaz, bílá loga SVG jako sociální důkaz. Nic dekorativního – každý vizuální prvek je buď strukturální (kostka), nebo demonstrační (okno s kódem, logo).
Paleta
Značka
- Iris Violet
#9281f7— Fialový zvýrazňující text pro odkazy, štítky a zvýrazněné krátké fráze; diagonální přechod od fialové po purpurovou na kontejnerech ikon a ikonách značek. - Iris Violet Glow
#baa7ff— Odkazy, štítky a krátké zvýrazněné fráze jsou zvýrazněny fialově.
Neutrální
- Void Black
#000000— Pozadí stránky, kartonové povrchy, překryvné obrazovky - celé plátno. - Graphite Hairline
#292d30— Okraje o šířce 1px na kartách, vstupních polích, tlačítkách, blocích kódu a oddělovačích definují oddělení jednotlivých vrstev. - White
#ffffff— Hlavní nadpisy, název, popisky tlačítek, výplň ikon na tmavých površích. - Bone White
#f0f0f0— Hlavní text, vedlejší nadpisy, obrysy ikon - hlavní barva pro čtení. - Ash Gray
#a1a4a5— Ztlumený text těla, popisky ikon, obrysy ikon - text třetí úrovně a metadata. - Smoke Gray
#abafb4— Barva odkazu, text deaktivovaného tlačítka, pomocné popisky - text čtvrté úrovně
Typografie
od 12 do 96 pixelů · 8 kroků
- Inter — nahrazení: Inter (Google Fonts) · obrysy 400, 500, 600 · Text těla, popisky uživatelského rozhraní, navigace, tlačítka, odkazy. Pracovní nástroj – objevuje se 1 280krát na všech površích kromě kódu.
- Domaine — nahrazení: GT Sectra · obrysy 400 · Text titulku – písmo o velikosti 400 bodů s roztečí písmen 96 pixelů – vytváří redakční, téměř tištěný dojem. Na celé stránce je použit pouze dvakrát pro největší titulek.
- aBC Favorit — nahrazení: Inter Display · obrysy 400, 500 · Nadpisy a podnadpisy sekcí. Velikost písma ve stylu značky je 56px, tloušťka 400 a rozteč písmen je -0,05em. Extrémně negativní rozteč písmen v tomto geometrickém bezpatkovém písmu vytváří zhuštěný a sebevědomý dojem, který kontrastuje s hlavním písmem Domaine.
Intervaly a forma
| Účel | Význam |
|---|---|
| Hustota | prostorný |
| Základní krok | 16px |
| Poloměr tlačítka | 6px |
| Poloměr karty | 16px |
| Stíny | ne - okraje místo stínů |
| Mezi sekcemi | 96px |
| Šířka stránky | 1200px |
Umělá inteligence vám vytvoří web ve stylu Resend a naplní ho
- Doplňujte produkty a příspěvky přes odkaz - Instagram, TikTok, Facebook.
- Přeneste obsah ze starého webu – stačí zadat adresu.
- Moderní design na nejlepším enginu: React ( Next.js) s renderováním na serveru a SEO optimalizací ihned po vybalení.
- Plně automatizovaná SEO optimalizace pro výsledky vyhledávání a doporučení neuronových sítí.
Podobné styly
- Neon — Serverovna po setmění. Čistá tma, kde jediné světlo pochází z dat a interakcí uživatelů.
- Discord — Herní svět je skryt za vyskakovacím oknem chatu - každá sekce je samostatným prostředím s vlastním osvětlením a sadou postav.
- Midjourney — Bioluminiscenční terminál v hlubokém oceánu. Hlubokomořský svět, kde se inteligence vizuálně generuje v ASCII kódu a ovládací prvky se jeví jako slabě zářící vzory.
- Wope — Wope je rozhraní fialového horizontu. Představte si tmavý stůl v pozorovací místnosti, zpod kterého vyzařuje fialové světlo.
- Ori — Serverovna je o půlnoci černá prázdnota, bílé světlo, jeden zapnutý vypínač.
- Amaterasu — Nebeská tyrkysová svatyně
- Obsidian — Úložiště křišťálově krystalických znalostí. Jasný, mnohostranný digitální prostor navržený pro jasnost a soustředění, se zářivými fialovými žilkami interakce.
- Morphic — Tmavé filmové plátno pro vyprávění příběhů s využitím umělé inteligence. Čistá černá pohlcuje vše kromě modré pulzace jediného akcentu a záře generovaného obrazu.
- Valo — Noirová observatoř o půlnoci – 300bodová typografie se vznáší na čistém černém pozadí, zatímco jediný tyrkysově fialový gradient probíhá místností jako laserová čára.
- JetBrains — Neonová mlhovina na Obsidianu – Stránka s černým pozadím, kde fialovomodré přechody rozkvétají jako obrazy hlubokého vesmíru, prokládané zářivě růžovým neonem a chromatickou září ikon pro jednotlivé produkty.
- beehiiv — Půlnoční observatoř s neonovou plazmou
- RainbowKit — Neonový modální organizér na peněženku se vznáší v černé prázdnotě a modrofialová záře proráží tmu.