Resend
vellut negre amb color neó morat
Reenviar existeix en una foscor gairebé total: un llenç negre net, vores fines de grafit i tipografia blanca sobre negre que crea la sensació de llegir text imprès sobre vidre esmerilat. L'element principal és antiornamental: un únic títol gran amb serifa en Domaine de 96 px al costat d'un cub negre tridimensional, sense degradats ni il·lustracions de màrqueting. La marca és un porpra intens (#9281f7), que apareix a les línies d'adreça de correu electrònic, les icones d'estat i les mostres de codi, mai als botons. Una font monoespaiada (Commit Mono) transmet la personalitat del desenvolupador a través de cada bloc de codi, icona i etiqueta en línia, fent que la pàgina sembli un terminal tancat en una interfície luxosa. Els components tenen cantonades nítides o lleugerament arrodonides (6 px / 16 px), alçades baixes i utilitzen vores d'1 px en lloc d'ombres per separar les capes. La dinàmica és subtil però expressiva: esvaïment i lliscament suaus del text a la pantalla principal, rotació subtil del cub mitjançant WebGL i transicions curtes de 150 ms en passar el cursor per sobre.
El disseny visual consisteix gairebé completament en objectes 3D renderitzats amb WebGL (el cub negre a la finestra principal, formes geomètriques giratòries) i captures de pantalla incrustades de la interfície d'usuari del producte que es mostren en finestres de codi fosc. No s'utilitzen fotografies, il·lustracions ni imatges d'estil de vida. Els logotips de la barra de confiança són imatges SVG incrustades amb els seus colors originals. Les icones són contorns d'1px-1.5px amb un traç #f0f0f0 o #a1a4a5. El llenguatge visual: un llenç negre, un objecte 3D com a àncora de la finestra principal, finestres de codi fosc com a prova del producte, logotips SVG blancs com a prova social. Res decoratiu: cada element visual és estructural (el cub) o demostratiu (la finestra de codi, el logotip).
Paleta
Marca
- Iris Violet
#9281f7— Text d'accent morat per a enllaços, etiquetes i frases curtes destacades; degradat diagonal del morat al magenta en contenidors d'icones i icones de marca. - Iris Violet Glow
#baa7ff— Els enllaços, les etiquetes i les frases curtes ressaltades estan ressaltades en color porpra.
Neutral
- Void Black
#000000— Fons de pàgina, superfícies de cartró, pantalles superposades: tot el llenç. - Graphite Hairline
#292d30— Les vores d'1px de les targetes, els camps d'entrada, els botons, els blocs de codi i els divisors defineixen la separació de cada capa. - White
#ffffff— Encapçalaments principals, títol, etiquetes de botons, icones d'ompliment en superfícies fosques. - Bone White
#f0f0f0— Text principal, encapçalaments secundaris, contorns d'icones: el color principal per a la lectura. - Ash Gray
#a1a4a5— Text del cos silenciat, etiquetes d'icones, contorns d'icones: text i metadades de tercer nivell. - Smoke Gray
#abafb4— Color d'enllaç, text del botó desactivat, etiquetes auxiliars: text de quart nivell
Tipografia
de 12 a 96 px · 8 passos
- Inter — reemplaçament: Inter (Google Fonts) · esquemes 400, 500, 600 · Text del cos, etiquetes de la interfície d'usuari, navegació, botons, enllaços. Eina de treball: apareix 1.280 vegades a totes les superfícies excepte al codi.
- Domaine — reemplaçament: GT Sectra · esquemes 400 · El text del títol —una font de 400 punts amb un espaiat entre lletres de 96 px— crea un aspecte editorial, gairebé imprès. Només s'utilitza dues vegades a tota la pàgina per al titular més gran.
- aBC Favorit — reemplaçament: Inter Display · esquemes 400, 500 · Encapçalaments i subencapçalaments de secció. La font d'estil de marca és de 56 px, amb un pes de 400 i l'espaiat entre lletres és de -0,05 em. L'espaiat entre lletres extremadament negatiu d'aquesta font sans-serif geomètrica crea una impressió condensada i segura, que contrasta amb la tipografia principal Domaine.
Intervals i forma
| Propòsit | Significat |
|---|---|
| Densitat | espaiós |
| Pas bàsic | 16px |
| Radi del botó | 6px |
| Radi de la targeta | 16px |
| Ombres | sense vores en comptes d'ombres |
| Entre seccions | 96px |
| Amplada de la pàgina | 1200px |
La IA crearà el vostre lloc web a l'estil Resend i l'omplirà.
- Omple amb productes i publicacions a través de l'enllaç: Instagram, TikTok, Facebook.
- Transfereix contingut del teu lloc web antic; només cal que especifiquis l'adreça.
- Disseny modern en el millor motor: React ( Next.js) amb renderització de servidor i optimització SEO des del primer moment.
- Optimització SEO totalment automatitzada per a resultats de cerca i recomanacions de xarxes neuronals.
Estils similars
- Neon — Una sala de servidors després de la foscor. Foscor pura, on l'única llum prové de les dades i les interaccions dels usuaris.
- Discord — El món del joc està amagat darrere d'una finestra de xat emergent: cada secció és un entorn independent amb la seva pròpia il·luminació i conjunt de personatges.
- Midjourney — Una terminal bioluminescent a les profunditats marines. Un món marí profund on la intel·ligència es genera visualment en fluxos ASCII i els controls apareixen com a patrons lleugerament brillants.
- Wope — Wope és una interfície d'horitzó porpra. Imagineu-vos una taula d'observatori fosca amb una llum porpra que irradia des de sota el vidre.
- Ori — La sala de servidors a mitjanit és un buit negre, llum blanca, un interruptor encès.
- Amaterasu — Santuari Turquesa Celestial
- Obsidian — Un repositori de coneixement cristal·lí. Un espai digital clar i polifacètic dissenyat per a la claredat i l'enfocament, amb venes lluminoses de color porpra d'interacció.
- Morphic — Un llenç cinematogràfic fosc per a la narració basada en IA. El negre pur ho absorbeix tot excepte la pulsació blava d'un sol accent i la resplendor de la imatge generada.
- Valo — Un observatori noir a mitjanit: la tipografia de 300 punts plana sobre un fons negre net, mentre un únic degradat turquesa-morat recorre l'habitació com una línia làser.
- JetBrains — Nebulosa de neó sobre obsidiana: una pàgina de fons negre on els degradats blau-porpra floreixen com imatges de l'espai profund, intercalats amb neó rosa fúcsia i la resplendor cromàtica de les icones de cada producte.
- beehiiv — Observatori de mitjanit amb plasma de neó
- RainbowKit — Un organitzador de cartera de modal de neó flota en un buit negre, una resplendor blau-violeta perfora la foscor.