Resend
zwart fluweel met paarse neonkleur
Resend bestaat in bijna totale duisternis: een strak zwart canvas, dunne grafietkleurige randen en wit op zwart typografie die de indruk wekt tekst te lezen die op matglas is gedrukt. Het belangrijkste element is anti-ornament: een enkele grote koptekst met schreefletters in 96px Domaine naast een driedimensionale zwarte kubus, zonder verlopen of marketingillustraties. Het merklogo is een rijke paarse kleur (#9281f7), die terugkomt in e-mailadressen, statuspictogrammen en codevoorbeelden – nooit op knoppen. Een monospace lettertype (Commit Mono) weerspiegelt de persoonlijkheid van de ontwikkelaar in elk codeblok, pictogram en inline label, waardoor de pagina aanvoelt als een terminal in een luxueuze interface. Componenten hebben scherpe of licht afgeronde hoeken (6px / 16px), een lage hoogte en gebruiken randen van 1px in plaats van schaduwen om lagen te scheiden. De dynamiek is subtiel maar expressief: vloeiend vervagen en verschuiven van tekst op het hoofdscherm, subtiele rotatie van de kubus met behulp van WebGL en korte overgangen van 150 ms bij hover.
Het visuele ontwerp bestaat bijna volledig uit 3D-objecten die met WebGL zijn weergegeven (de zwarte kubus in het hoofdvenster, roterende geometrische vormen) en ingebedde screenshots van de gebruikersinterface van het product, weergegeven in donkere codevensters. Er worden geen foto's, illustraties of lifestyle-afbeeldingen gebruikt. Logo's in de vertrouwensbalk zijn ingebedde SVG-afbeeldingen in hun originele kleuren. Pictogrammen zijn contouren van 1px-1,5px met een #f0f0f0 of #a1a4a5 lijn. De visuele taal: een zwart canvas, een 3D-object als ankerpunt van het hoofdvenster, donkere codevensters als productbewijs, witte SVG-logo's als sociaal bewijs. Niets decoratiefs – elk visueel element is ofwel structureel (de kubus) ofwel demonstratief (het codevenster, het logo).
Palet
Merk
- Iris Violet
#9281f7— Paarse accenttekst voor links, tags en gemarkeerde korte zinnen; diagonaal verloop van paars naar magenta op iconen en merkpictogrammen. - Iris Violet Glow
#baa7ff— Links, tags en korte, gemarkeerde zinnen worden paars weergegeven.
Neutrale
- Void Black
#000000— Pagina-achtergrond, kartonnen oppervlakken, overlay-schermen - het hele canvas. - Graphite Hairline
#292d30— Randen van 1px op kaarten, invoervelden, knoppen, codeblokken en scheidingslijnen - definieer de scheiding tussen elke laag. - White
#ffffff— Hoofdtitels, titels, knoplabels, pictogramvulling op donkere oppervlakken. - Bone White
#f0f0f0— Hoofdtekst, subkopjes, pictogramcontouren - de hoofdkleur voor leesbaarheid. - Ash Gray
#a1a4a5— Gedempte hoofdtekst, pictogramlabels, pictogramcontouren - tekst en metadata van het derde niveau. - Smoke Gray
#abafb4— Linkkleur, tekst van uitgeschakelde knoppen, hulplabels - tekst op het vierde niveau
Typografie
van 12 tot 96px · 8 stappen
- Inter — vervanging: Inter (Google Fonts) · overzichten 400, 500, 600 · Tekst in de body, UI-labels, navigatie, knoppen, links. Werkend hulpmiddel – verschijnt 1.280 keer op alle oppervlakken, behalve in de code.
- Domaine — vervanging: GT Sectra · overzichten 400 · De titeltekst – in een lettertype van 400 punten met een regelafstand van 96px – geeft een redactionele, bijna gedrukte uitstraling. Het wordt slechts twee keer op de hele pagina gebruikt, voor de grootste kop.
- aBC Favorit — vervanging: Inter Display · overzichten 400, 500 · Sectiekoppen en subkoppen. Het lettertype in de merkstijl heeft een lettergrootte van 56px, een gewicht van 400 en een letterafstand van -0,05em. De extreem negatieve letterafstand in dit geometrische schreefloze lettertype creëert een compacte, zelfverzekerde indruk, in contrast met het hoofdlettertype van Domaine.
Intervallen en vorm
| Doel | Betekenis |
|---|---|
| Dikte | ruim |
| Basisstap | 16px |
| Knopradius | 6px |
| Kaartradius | 16px |
| Schaduwen | geen randen in plaats van schaduwen |
| Tussen secties | 96px |
| Paginabreedte | 1200px |
AI bouwt je website in de stijl Resend en vult deze in.
- Vul het account aan met producten en berichten via de link - Instagram, TikTok, Facebook.
- Neem de inhoud van je oude website over; geef gewoon het adres op.
- Modern design op de beste engine: React ( Next.js) met server-side rendering en SEO-optimalisatie direct uit de doos.
- Volledig geautomatiseerde SEO-optimalisatie voor zoekresultaten en aanbevelingen op basis van neurale netwerken.
Vergelijkbare stijlen
- Neon — Een serverruimte in het donker. Volledige duisternis, waar het enige licht afkomstig is van data en gebruikersinteracties.
- Discord — De spelwereld is verborgen achter een pop-up chatvenster; elk gedeelte is een op zichzelf staande omgeving met eigen belichting en personages.
- Midjourney — Een bioluminescente terminal in de diepe oceaan. Een diepzeewereld waar intelligentie zichzelf visueel genereert in ASCII-stromen, en bedieningselementen verschijnen als zwak oplichtende patronen.
- Wope — Wope is een paarse horizoninterface. Stel je een donkere observatoriumtafel voor met een paars licht dat van onder het glas schijnt.
- Ori — De serverruimte is om middernacht een pikzwarte leegte, met wit licht en één schakelaar aan.
- Amaterasu — Hemels Turkoois Heiligdom
- Obsidian — Een opslagplaats van kristalheldere kennis. Een heldere, veelzijdige digitale ruimte, ontworpen voor duidelijkheid en focus, met stralende paarse aderen van interactie.
- Morphic — Een donker, filmisch canvas voor door AI aangedreven verhalen. Puur zwart absorbeert alles behalve de blauwe pulsatie van een enkel accent en de gloed van het gegenereerde beeld.
- Valo — Een observatorium in noir-stijl midden in de nacht: 300pt typografie zweeft tegen een strakke zwarte achtergrond, terwijl een enkele turquoise-paarse kleurovergang als een laserlijn door de ruimte loopt.
- JetBrains — Neonnevel op Obsidiaan – Een pagina met een zwarte achtergrond waar paarsblauwe kleurovergangen opbloeien als afbeeldingen van de diepte van de ruimte, afgewisseld met felroze neon en de chromatische gloed van iconen voor elk product.
- beehiiv — Middernachtobservatorium met neonplasma
- RainbowKit — Een neonkleurige portemonnee-organizer van modal zweeft in een zwarte leegte, een blauwpaarse gloed doorbreekt de duisternis.