
Resend
itim na pelus na may lilang kulay neon
Ang muling pagpapadala ay umiiral sa halos ganap na kadiliman—isang malinis na itim na canvas, manipis na mga hangganan ng grapayt, at puting-sa-itim na tipograpiya na lumilikha ng pakiramdam ng pagbabasa ng tekstong nakalimbag sa frosted glass. Ang pangunahing elemento ay anti-ornamental: isang malaking serif headline sa 96px Domaine sa tabi ng isang three-dimensional na itim na cube, walang mga gradient o mga ilustrasyon sa marketing. Ang marka ng brand ay isang matingkad na lila (#9281f7), na lumilitaw sa mga linya ng email address, mga icon ng status, at mga sample ng code—hindi kailanman sa mga buton. Ang isang monospaced font (Commit Mono) ay nagpapakita ng personalidad ng developer sa pamamagitan ng bawat code block, icon, at inline na label, na ginagawang parang isang terminal na nakapaloob sa isang marangyang interface ang pahina. Ang mga bahagi ay may matutulis o bahagyang bilugan na mga sulok (6px / 16px), mabababang taas, at gumagamit ng 1px na mga hangganan sa halip na mga anino upang paghiwalayin ang mga layer. Ang mga dinamika ay banayad ngunit nagpapahayag: maayos na pagkupas at pag-slide ng teksto sa pangunahing screen, banayad na pag-ikot ng cube gamit ang WebGL, at maiikling 150-ms na mga transition habang nag-hover.
Ang biswal na disenyo ay halos binubuo ng mga 3D na bagay na ni-render gamit ang WebGL (ang itim na kubo sa pangunahing window, mga umiikot na geometric na hugis) at mga naka-embed na screenshot ng user interface ng produkto na ipinapakita sa mga dark code window. Walang mga litrato, ilustrasyon, o mga larawan ng pamumuhay na ginamit. Ang mga logo sa trust bar ay mga naka-embed na SVG na imahe sa kanilang orihinal na mga kulay. Ang mga icon ay 1px-1.5px na mga balangkas na may #f0f0f0 o #a1a4a5 stroke. Ang biswal na wika: isang itim na canvas, isang 3D na bagay bilang pangunahing window anchor, mga dark code window bilang patunay ng produkto, mga puting SVG logo bilang patunay ng lipunan. Walang pandekorasyon—bawat biswal na elemento ay alinman sa istruktural (ang kubo) o demonstratibo (ang code window, ang logo).
Paleta
Tatak
- Iris Violet
#9281f7— Lilang tekstong may tuldik para sa mga link, tag, at naka-highlight na maiikling parirala; dayagonal na gradient mula lila hanggang magenta sa mga lalagyan ng icon at mga icon ng brand. - Iris Violet Glow
#baa7ff— Ang mga link, tag, at maiikling naka-highlight na parirala ay naka-highlight sa kulay lila.
Neutral
- Void Black
#000000— Background ng pahina, mga ibabaw na karton, mga screen na naka-overlay - ang buong canvas. - Graphite Hairline
#292d30— 1px na mga border sa mga card, input field, button, code block, separator - tukuyin ang paghihiwalay ng bawat layer. - White
#ffffff— Mga pangunahing heading, pamagat, mga label ng button, pagpuno ng icon sa madilim na mga ibabaw. - Bone White
#f0f0f0— Pangunahing teksto, pangalawang mga pamagat, mga balangkas ng icon - ang pangunahing kulay para sa pagbabasa. - Ash Gray
#a1a4a5— Naka-mute na body text, mga label ng icon, mga balangkas ng icon - ikatlong antas na teksto at metadata. - Smoke Gray
#abafb4— Kulay ng link, teksto ng button na hindi pinagana, mga auxiliary label - teksto sa ikaapat na antas
Tipograpiya
mula 12 hanggang 96px · 8 hakbang
- Inter — kapalit: Inter (Google Fonts) · mga balangkas 400, 500, 600 · Body text, mga label ng UI, nabigasyon, mga button, mga link. Gumaganang tool – lumalabas nang 1,280 beses sa lahat ng surface maliban sa code.
- Domaine — kapalit: GT Sectra · mga balangkas 400 · Ang teksto ng pamagat—isang 400-point na font na may 96px na pagitan ng mga letra—ay lumilikha ng editoryal na pakiramdam na halos parang nakalimbag. Dalawang beses lamang itong ginagamit sa buong pahina para sa pinakamalaking headline.
- aBC Favorit — kapalit: Inter Display · mga balangkas 400, 500 · Mga pamagat ng seksyon at mga subheading. Ang font na istilo ng tatak ay 56px, weight-400, at ang pagitan ng mga letra ay -0.05em. Ang sobrang negatibong pagitan ng mga letra sa geometric sans-serif font na ito ay lumilikha ng isang maigsi at may kumpiyansang impresyon, na kabaligtaran ng pangunahing tipo ng titik ng Domaine.
Mga pagitan at anyo
| Layunin | Kahulugan |
|---|---|
| Densidad | maluwang |
| Pangunahing hakbang | 16px |
| Radius ng buton | 6px |
| Radius ng card | 16px |
| Mga anino | walang - mga hangganan sa halip na mga anino |
| Sa pagitan ng mga seksyon | 96px |
| Lapad ng pahina | 1200px |
Gagawa ang AI ng website mo sa estilong Resend at pupunuin ito
- Punuin ng mga produkto at post gamit ang link - Instagram, TikTok, Facebook.
- Maglipat ng nilalaman mula sa iyong lumang site—tukuyin lamang ang address.
- Modernong disenyo gamit ang pinakamahusay na engine: React ( Next.js) na may kasamang server rendering at SEO optimization na agad-agad.
- Ganap na awtomatikong pag-optimize ng SEO para sa mga resulta ng paghahanap at mga rekomendasyon sa neural network.
Mga katulad na estilo
- Neon — Isang silid ng server pagkagabi. Purong kadiliman, kung saan ang tanging liwanag ay nagmumula sa data at mga interaksyon ng user.
- Discord — Ang mundo ng laro ay nakatago sa likod ng isang pop-up chat window - ang bawat seksyon ay isang self-contained na kapaligiran na may sarili nitong ilaw at hanay ng mga karakter.
- Midjourney — Isang bioluminescent terminal sa malalim na karagatan. Isang mundo sa malalim na dagat kung saan ang katalinuhan ay biswal na bumubuo ng sarili nito sa mga ASCII stream, at ang mga kontrol ay lumilitaw bilang mahinang kumikinang na mga pattern.
- Wope — Ang Wope ay isang lilang interface ng horizon. Isipin ang isang madilim na mesa ng obserbatoryo na may lilang liwanag na sumisikat mula sa ilalim ng salamin.
- Ori — Ang silid ng server sa hatinggabi ay isang itim na kawalan, puting ilaw, at isang switch lang ang nakabukas.
- Amaterasu — Selestial na Santuwaryo ng Turkesa
- Obsidian — Isang imbakan ng mala-kristal na kaalaman. Isang malinaw, maraming aspeto ng digital na espasyo na idinisenyo para sa kalinawan at pokus, na may makinang na lilang mga ugat ng interaksyon.
- Morphic — Isang madilim na sinematikong canvas para sa pagkukuwento na pinapagana ng AI. Sinisipsip ng purong itim ang lahat maliban sa asul na pintig ng iisang accent at ang kinang ng nabuong imahe.
- Valo — Isang noir observatory sa hatinggabi—300pt na tipograpiya ang lumulutang laban sa isang malinis na itim na background, habang ang isang turquoise-purple gradient ay tumatakbo sa silid na parang isang linya ng laser.
- JetBrains — Nebula na Nebula sa Obsidian – Isang pahinang itim sa background kung saan namumukadkad ang mga lilang-asul na gradient na parang mga imahe ng malalim na kalawakan, na sinasalo ng matingkad na rosas na neon at ng kulay-kromatikong liwanag ng mga icon para sa bawat produkto.
- beehiiv — Obserbatoryo ng Hatinggabi na may Neon Plasma
- RainbowKit — Isang neon modal wallet organizer ang lumulutang sa isang itim na kawalan, isang asul-lila na liwanag ang tumatagos sa kadiliman.