
Resend
velours noir avec une couleur néon violette
Resend se déploie dans une quasi-obscurité: une toile noire immaculée, de fines bordures graphite et une typographie blanche sur fond noir qui évoque la lecture d'un texte imprimé sur du verre dépoli. L'élément principal est d'une sobriété absolue: un titre unique, grand et à empattements, en police Domaine 96px, jouxtant un cube noir en trois dimensions, sans dégradés ni illustrations marketing. Le logo de la marque, d'un violet profond (#9281f7), apparaît dans les adresses e-mail, les icônes d'état et les exemples de code, jamais sur les boutons. Une police à chasse fixe (Commit Mono) reflète la personnalité du développeur à travers chaque bloc de code, icône et étiquette, donnant à la page l'allure d'un terminal dissimulé dans une interface luxueuse. Les composants présentent des angles vifs ou légèrement arrondis (6px / 16px), une faible hauteur et utilisent des bordures de 1px au lieu d'ombres pour séparer les calques. La dynamique est subtile mais expressive: fondu et glissement fluides du texte sur l'écran principal, rotation discrète du cube grâce à WebGL et transitions courtes de 150 ms au survol.
Le design visuel est composé presque exclusivement d'objets 3D rendus avec WebGL (le cube noir de la fenêtre principale, les formes géométriques en rotation) et de captures d'écran de l'interface utilisateur du produit affichées dans des fenêtres de code sombres. Aucune photographie, illustration ou image de style de vie n'est utilisée. Les logos de la barre de confiance sont des images SVG intégrées dans leurs couleurs d'origine. Les icônes sont des contours de 1 à 1,5 pixel avec un trait #f0f0f0 ou #a1a4a5. Le langage visuel: un fond noir, un objet 3D comme point d'ancrage de la fenêtre principale, des fenêtres de code sombres comme preuve de produit, des logos SVG blancs comme preuve sociale. Rien de décoratif: chaque élément visuel est soit structurel (le cube), soit démonstratif (la fenêtre de code, le logo).
Palette
Marque
- Iris Violet
#9281f7— Texte d'accentuation violet pour les liens, les balises et les courtes phrases mises en évidence; dégradé diagonal du violet au magenta sur les conteneurs d'icônes et les icônes de marque. - Iris Violet Glow
#baa7ff— Les liens, les étiquettes et les courtes phrases mises en évidence sont surlignés en violet.
Neutre
- Void Black
#000000— Fond de page, surfaces en carton, écrans superposés – la toile entière. - Graphite Hairline
#292d30— Des bordures de 1 px sur les cartes, les champs de saisie, les boutons, les blocs de code et les séparateurs définissent la séparation de chaque calque. - White
#ffffff— En-têtes principaux, titre, libellés des boutons, remplissage des icônes sur les surfaces sombres. - Bone White
#f0f0f0— Texte principal, titres secondaires, contours des icônes: la couleur principale pour la lecture. - Ash Gray
#a1a4a5— Texte principal atténué, étiquettes des icônes, contours des icônes - texte de troisième niveau et métadonnées. - Smoke Gray
#abafb4— Couleur du lien, texte du bouton désactivé, étiquettes auxiliaires - texte de quatrième niveau
Typographie
de 12 à 96 px · 8 étapes
- Inter — remplacement: Inter (Google Fonts) · grandes lignes 400, 500, 600 · Texte principal, étiquettes d'interface utilisateur, navigation, boutons, liens. Outil de travail – apparaît 1 280 fois sur toutes les surfaces, sauf dans le code.
- Domaine — remplacement: GT Sectra · grandes lignes 400 · Le titre, en police 400 points avec un interlignage de 96 pixels, confère à la page un aspect éditorial, presque imprimé. Il n'apparaît que deux fois sur toute la page, pour le titre principal.
- aBC Favorit — remplacement: Inter Display · grandes lignes 400, 500 · Titres et sous-titres de section. La police de caractères de la marque est de 56 px, d'une épaisseur de 400 et d'un espacement de -0,05 em. L'espacement extrêmement négatif des lettres de cette police sans empattement géométrique crée une impression de concision et d'assurance, contrastant avec la police principale Domaine.
Intervalles et forme
| But | Signification |
|---|---|
| Densité | spacieux |
| Étape de base | 16px |
| Rayon du bouton | 6px |
| Rayon de la carte | 16px |
| Ombres | non - des bordures à la place des ombres |
| Entre les sections | 96px |
| Largeur de la page | 1200px |
L'IA construira votre site web dans le style Resend et le remplira.
- Partagez vos produits et publications via le lien - Instagram, TikTok, Facebook.
- Transférez le contenu de votre ancien site: il vous suffit de préciser l’adresse.
- Conception moderne sur le meilleur moteur: React ( Next.js) avec rendu côté serveur et optimisation SEO intégrée.
- Optimisation SEO entièrement automatisée pour les résultats de recherche et recommandations de réseaux neuronaux.
Styles similaires
- Neon — Une salle serveur à la nuit tombée. L'obscurité totale, où la seule lumière provient des données et des interactions des utilisateurs.
- Discord — Le monde du jeu est caché derrière une fenêtre de chat contextuelle; chaque section est un environnement autonome avec son propre éclairage et son ensemble de personnages.
- Midjourney — Un terminal bioluminescent dans les profondeurs océaniques. Un monde sous-marin où l'intelligence se génère visuellement en flux ASCII, et où les commandes apparaissent sous forme de motifs faiblement lumineux.
- Wope — Wope est une interface à horizon violet. Imaginez une table d'observatoire sombre avec une lumière violette qui jaillit de sous le verre.
- Ori — La salle des serveurs à minuit est un vide noir, une lumière blanche, un interrupteur allumé.
- Amaterasu — Sanctuaire turquoise céleste
- Obsidian — Un réservoir de connaissances cristallines. Un espace numérique clair et multifacettes, conçu pour la clarté et la concentration, avec des veines d'interaction d'un violet lumineux.
- Morphic — Un écrin sombre et cinématographique pour une narration alimentée par l'IA. Le noir absolu absorbe tout, à l'exception de la pulsation bleue d'un seul élément et de l'éclat de l'image générée.
- Valo — Un observatoire noir à minuit — une typographie de 300 points flotte sur un fond noir épuré, tandis qu'un unique dégradé turquoise-violet traverse la pièce comme une ligne laser.
- JetBrains — Nébuleuse néon sur obsidienne – Une page à fond noir où des dégradés bleu-violet s'épanouissent comme des images de l'espace profond, entrecoupés de néon rose vif et de l'éclat chromatique des icônes de chaque produit.
- beehiiv — Observatoire de minuit avec plasma néon
- RainbowKit — Un organiseur de portefeuille en modal néon flotte dans un vide noir, une lueur bleu-violet perçant l'obscurité.