Resend
čierny zamat s fialovou neónovou farbou
Resend existuje takmer v úplnej tme – čisté čierne plátno, tenké grafitové okraje a typografia biela na čiernom pozadí, ktorá vytvára pocit čítania textu vytlačeného na matnom skle. Hlavným prvkom je anti-ornamentálny prvok: jeden veľký pätkový nadpis v 96px Domaine vedľa trojrozmernej čiernej kocky, bez prechodov alebo marketingových ilustrácií. Značka je sýta fialová (#9281f7), ktorá sa objavuje v riadkoch s e-mailovou adresou, stavových ikonách a ukážkach kódu – nikdy nie na tlačidlách. Písmo s rovnakým rozstupom (Commit Mono) vyjadruje osobnosť vývojára prostredníctvom každého bloku kódu, ikony a vloženého popisu, vďaka čomu stránka pôsobí ako terminál uzavretý v luxusnom rozhraní. Komponenty majú ostré alebo mierne zaoblené rohy (6px / 16px), nízke výšky a na oddelenie vrstiev používajú 1px okraje namiesto tieňov. Dynamika je jemná, ale expresívna: plynulé blednutie a posúvanie textu na hlavnej obrazovke, jemné otáčanie kocky pomocou WebGL a krátke 150 ms prechody pri podržaní kurzora myši.
Vizuálny dizajn pozostáva takmer výlučne z 3D objektov vykreslených pomocou WebGL (čierna kocka v hlavnom okne, rotujúce geometrické tvary) a vložených snímok obrazovky používateľského rozhrania produktu zobrazených v oknách s tmavým kódom. Nepoužívajú sa žiadne fotografie, ilustrácie ani obrázky životného štýlu. Logá v paneli dôveryhodnosti sú vložené obrázky SVG v pôvodných farbách. Ikony majú obrysy 1px – 1,5px s čiarou #f0f0f0 alebo #a1a4a5. Vizuálny jazyk: čierne plátno, 3D objekt ako kotva hlavného okna, okná s tmavým kódom ako dôkaz produktu, biele logá SVG ako sociálny dôkaz. Nič dekoratívne – každý vizuálny prvok je buď štrukturálny (kocka), alebo demonštračný (okno s kódom, logo).
Paleta
Značka
- Iris Violet
#9281f7— Fialový zvýrazňujúci text pre odkazy, značky a zvýraznené krátke frázy; diagonálny prechod z fialovej na purpurovú na kontajneroch ikon a ikonách značiek. - Iris Violet Glow
#baa7ff— Odkazy, značky a krátke zvýraznené frázy sú zvýraznené fialovou farbou.
Neutrálny
- Void Black
#000000— Pozadie stránky, kartónové povrchy, prekryvné obrazovky - celé plátno. - Graphite Hairline
#292d30— Okraje s hrúbkou 1px na kartách, vstupných poliach, tlačidlách, blokoch kódu a oddeľovačoch definujú oddelenie jednotlivých vrstiev. - White
#ffffff— Hlavné nadpisy, názov, popisy tlačidiel, výplň ikon na tmavých povrchoch. - Bone White
#f0f0f0— Hlavný text, vedľajšie nadpisy, obrysy ikon - hlavná farba na čítanie. - Ash Gray
#a1a4a5— Stlmený text tela, popisky ikon, obrysy ikon – text a metadáta tretej úrovne. - Smoke Gray
#abafb4— Farba odkazu, text deaktivovaného tlačidla, pomocné popisky - text štvrtej úrovne
Typografia
od 12 do 96px · 8 krokov
- Inter — náhrada: Inter (Google Fonts) · obrysy 400, 500, 600 · Text tela, popisky používateľského rozhrania, navigácia, tlačidlá, odkazy. Pracovný nástroj – zobrazuje sa 1 280-krát na všetkých povrchoch okrem kódu.
- Domaine — náhrada: GT Sectra · obrysy 400 · Text titulku – písmo s veľkosťou 400 bodov a rozstupom písmen 96 pixelov – vytvára redakčný, takmer tlačený dojem. Na celej stránke sa používa iba dvakrát pre najväčší titulok.
- aBC Favorit — náhrada: Inter Display · obrysy 400, 500 · Nadpisy a podnadpisy sekcií. Veľkosť písma v štýle značky je 56px, hrúbka 400 a rozstup písmen je -0,05em. Extrémne negatívny rozstup písmen v tomto geometrickom bezpätkovom písme vytvára zhustený a sebavedomý dojem, ktorý kontrastuje s hlavným písmom Domaine.
Intervaly a forma
| Účel | Význam |
|---|---|
| Hustota | priestranný |
| Základný krok | 16px |
| Polomer tlačidla | 6px |
| Polomer karty | 16px |
| Tiene | nie - okraje namiesto tieňov |
| Medzi sekciami | 96px |
| Šírka stránky | 1200px |
Umelá inteligencia vytvorí vašu webovú stránku v štýle Resend a naplní ju
- Doplňte produktmi a príspevkami cez odkaz - Instagram, TikTok, Facebook.
- Preneste obsah zo svojej starej stránky – stačí zadať adresu.
- Moderný dizajn na najlepšom engine: React ( Next.js) s vykresľovaním servera a SEO optimalizáciou hneď po vybalení.
- Plne automatizovaná SEO optimalizácia pre výsledky vyhľadávania a odporúčania neurónových sietí.
Podobné štýly
- Neon — Serverovňa po zotmení. Čistá tma, kde jediné svetlo pochádza z dát a interakcií používateľov.
- Discord — Herný svet je skrytý za vyskakovacím oknom chatu - každá sekcia je samostatné prostredie s vlastným osvetlením a sadou postáv.
- Midjourney — Bioluminiscenčný terminál v hlbokom oceáne. Hlbokomorský svet, kde sa inteligencia vizuálne generuje v ASCII kódoch a ovládacie prvky sa javia ako slabo žiariace vzory.
- Wope — Wope je rozhranie fialového horizontu. Predstavte si tmavý stôl observatória s fialovým svetlom vyžarujúcim spod skla.
- Ori — Serverovňa o polnoci je čierna prázdnota, biele svetlo, jeden zapnutý vypínač.
- Amaterasu — Nebeská tyrkysová svätyňa
- Obsidian — Úložisko krištáľovo čistých vedomostí. Jasný, mnohostranný digitálny priestor navrhnutý pre jasnosť a sústredenie, so žiarivými fialovými žilami interakcie.
- Morphic — Tmavé filmové plátno pre rozprávanie príbehov s umelou inteligenciou. Čistá čierna pohlcuje všetko okrem modrej pulzácie jediného akcentu a žiary vygenerovaného obrazu.
- Valo — Noirové observatórium o polnoci – 300-bodová typografia sa vznáša na čistom čiernom pozadí, zatiaľ čo jediný tyrkysovo-fialový gradient prechádza miestnosťou ako laserová čiara.
- JetBrains — Neónová hmlovina na Obsidiáne – Stránka s čiernym pozadím, kde fialovo-modré prechody kvitnú ako obrazy hlbokého vesmíru, prekladané horúcou ružovou neónovou farbou a chromatickou žiarou ikon pre každý produkt.
- beehiiv — Polnočné observatórium s neónovou plazmou
- RainbowKit — Neónový modálny organizér na peňaženku sa vznáša v čiernej prázdnote, modrofialová žiara preniká tmou.