Resend
velluto nero con dettagli viola neon
Resend si presenta in un'oscurità quasi totale: una tela nera pulita, sottili bordi color grafite e una tipografia bianca su nero che crea la sensazione di leggere un testo stampato su vetro smerigliato. L'elemento principale è anti-ornamentale: un singolo titolo serif di grandi dimensioni in Domaine da 96px accanto a un cubo nero tridimensionale, senza sfumature o illustrazioni di marketing. Il logo del marchio è di un viola intenso (#9281f7), che compare nelle righe degli indirizzi email, nelle icone di stato e negli esempi di codice, mai sui pulsanti. Un font a spaziatura fissa (Commit Mono) trasmette la personalità dello sviluppatore attraverso ogni blocco di codice, icona ed etichetta in linea, facendo sì che la pagina sembri un terminale racchiuso in un'interfaccia lussuosa. I componenti hanno angoli netti o leggermente arrotondati (6px / 16px), altezze ridotte e utilizzano bordi da 1px anziché ombre per separare i livelli. Le dinamiche sono sottili ma espressive: dissolvenza e scorrimento fluidi del testo nella schermata principale, leggera rotazione del cubo tramite WebGL e brevi transizioni di 150 ms al passaggio del mouse.
Il design visivo è costituito quasi interamente da oggetti 3D renderizzati con WebGL (il cubo nero nella finestra principale, le forme geometriche rotanti) e da screenshot incorporati dell'interfaccia utente del prodotto, visualizzati in finestre di codice scure. Non vengono utilizzate fotografie, illustrazioni o immagini di lifestyle. I loghi nella barra di sicurezza sono immagini SVG incorporate nei loro colori originali. Le icone sono contorni di 1px-1.5px con un tratto #f0f0f0 o #a1a4a5. Il linguaggio visivo: una tela nera, un oggetto 3D come punto di ancoraggio della finestra principale, finestre di codice scure come prova del prodotto, loghi SVG bianchi come prova sociale. Nulla di decorativo: ogni elemento visivo è strutturale (il cubo) o dimostrativo (la finestra del codice, il logo).
Tavolozza
Marca
- Iris Violet
#9281f7— Testo con accenti viola per link, tag e frasi brevi evidenziate; sfumatura diagonale dal viola al magenta per i contenitori delle icone e le icone del marchio. - Iris Violet Glow
#baa7ff— Collegamenti, tag e brevi frasi evidenziate sono evidenziati in viola.
Neutro
- Void Black
#000000— Sfondo della pagina, superfici in cartone, schermi sovrapposti: l'intera tela. - Graphite Hairline
#292d30— I bordi di 1 pixel su schede, campi di input, pulsanti, blocchi di codice e divisori definiscono la separazione tra i livelli. - White
#ffffff— Intestazioni principali, titolo, etichette dei pulsanti, riempimento delle icone su superfici scure. - Bone White
#f0f0f0— Testo principale, titoli secondari, contorni delle icone: il colore principale per la lettura. - Ash Gray
#a1a4a5— Testo del corpo attenuato, etichette delle icone, contorni delle icone: testo e metadati di terzo livello. - Smoke Gray
#abafb4— Colore del collegamento, testo del pulsante disabilitato, etichette ausiliarie - testo di quarto livello
Tipografia
da 12 a 96 pixel · 8 passaggi
- Inter — sostituzione: Inter (Google Fonts) · contorni 400, 500, 600 · Testo del corpo, etichette dell'interfaccia utente, navigazione, pulsanti, link. Strumento funzionante: appare 1.280 volte su tutte le superfici tranne il codice.
- Domaine — sostituzione: GT Sectra · contorni 400 · Il testo del titolo, un carattere di 400 punti con interlinea di 96 pixel, crea un'atmosfera editoriale, quasi da stampa. Viene utilizzato solo due volte sull'intera pagina per il titolo più grande.
- aBC Favorit — sostituzione: Inter Display · contorni 400, 500 · Intestazioni e sottotitoli di sezione. Il carattere del marchio è di 56px, con spessore 400 e spaziatura tra le lettere di -0,05em. La spaziatura tra le lettere estremamente ridotta di questo carattere sans-serif geometrico crea un'impressione di compattezza e sicurezza, in contrasto con il carattere principale di Domaine.
Intervalli e forma
| Scopo | Senso |
|---|---|
| Densità | spazioso |
| Passo base | 16px |
| Raggio del pulsante | 6px |
| Raggio della carta | 16px |
| Ombre | no - bordi invece di ombre |
| Tra le sezioni | 96px |
| Larghezza del pannello | 1200px |
L'IA creerà il tuo sito web nello stile Resend e lo riempirà
- Pubblica prodotti e contenuti tramite il link: Instagram, TikTok, Facebook.
- Trasferisci i contenuti dal tuo vecchio sito: basta specificare l'indirizzo.
- Design moderno sul miglior motore: React ( Next.js) con rendering lato server e ottimizzazione SEO integrata.
- Ottimizzazione SEO completamente automatizzata per i risultati di ricerca e raccomandazioni basate su reti neurali.
Stili simili
- Neon — Una sala server al calar della notte. Oscurità assoluta, dove l'unica luce proviene dai dati e dalle interazioni degli utenti.
- Discord — Il mondo di gioco è nascosto dietro una finestra di chat a comparsa: ogni sezione è un ambiente autonomo con una propria illuminazione e un proprio set di personaggi.
- Midjourney — Un terminale bioluminescente nelle profondità oceaniche. Un mondo sottomarino dove l'intelligenza si genera visivamente in flussi ASCII e i comandi appaiono come motivi debolmente luminosi.
- Wope — Wope è un'interfaccia a orizzonte viola. Immaginate un tavolo scuro da osservatorio con una luce viola che filtra da sotto il vetro.
- Ori — La sala server a mezzanotte è un vuoto nero, illuminato da una luce bianca, con un solo interruttore acceso.
- Amaterasu — Santuario Turchese Celeste
- Obsidian — Un deposito di conoscenza cristallina. Uno spazio digitale chiaro e sfaccettato, progettato per chiarezza e concentrazione, con luminose venature viola di interazione.
- Morphic — Una tela cinematografica oscura per la narrazione basata sull'intelligenza artificiale. Il nero puro assorbe tutto tranne la pulsazione blu di un singolo accento e il bagliore dell'immagine generata.
- Valo — Un osservatorio noir a mezzanotte: una tipografia di 300 punti si staglia su uno sfondo nero pulito, mentre un'unica sfumatura turchese-violacea attraversa la stanza come una linea laser.
- JetBrains — Nebulosa al neon su ossidiana: una pagina con sfondo nero dove sfumature viola-blu sbocciano come immagini dello spazio profondo, intervallate da neon rosa acceso e dal bagliore cromatico delle icone di ciascun prodotto.
- beehiiv — Osservatorio di mezzanotte con plasma al neon
- RainbowKit — Un organizer per portafoglio in stile neon fluttua in un vuoto nero, un bagliore blu-violetto che squarcia l'oscurità.