Resend
黑色天鹅绒，带有紫色霓虹色
Resend 的界面近乎全黑——纯黑的画布，纤细的石墨色边框，以及黑底白字的字体，营造出如同阅读磨砂玻璃上印刷文字般的视觉效果。其主要元素摒弃了繁复的装饰：一个 96px 的 Domaine 字体的大型衬线标题，旁边是一个三维黑色立方体，没有任何渐变或营销插图。品牌标识采用浓郁的紫色 (#9281f7)，出现在电子邮件地址、状态图标和代码示例中，但绝不会出现在按钮上。等宽字体 (Commit Mono) 通过每个代码块、图标和内联标签传递开发者的个性，使页面如同一个被包裹在奢华界面中的终端。组件的边角尖锐或略微圆润 (6px / 16px)，高度较低，并使用 1px 边框而非阴影来分隔图层。动态效果微妙而富有表现力：主屏幕上的文本平滑淡入淡出和滑动，立方体通过 WebGL 实现微妙的旋转，以及鼠标悬停时 150 毫秒的短暂过渡效果。
视觉设计几乎完全由 WebGL 渲染的 3D 对象（主窗口中的黑色立方体、旋转的几何图形）以及嵌入在深色代码窗口中的产品用户界面截图构成。未使用任何照片、插图或生活方式图片。信任栏中的徽标是嵌入的 SVG 图像，保留了其原始颜色。图标采用 1px-1.5px 的轮廓线，描边颜色为 #f0f0f0 或 #a1a4a5。视觉语言：黑色画布、作为主窗口锚点的 3D 对象、作为产品证明的深色代码窗口、作为社会认同的白色 SVG 徽标。没有任何装饰性元素——每个视觉元素要么是结构性的（立方体），要么是演示性的（代码窗口、徽标）。
调色板
品牌
- Iris Violet
#9281f7— 链接、标签和突出显示的短语使用紫色强调文本；图标容器和品牌图标使用从紫色到洋红色的对角渐变色。 - Iris Violet Glow
#baa7ff— 链接、标签和简短的突出显示短语以紫色突出显示。
中性的
- Void Black
#000000— 页面背景、纸板表面、叠加屏幕——整个画布。 - Graphite Hairline
#292d30— 卡片、输入字段、按钮、代码块、分隔符的 1px 边框 - 定义每一层的分隔。 - White
#ffffff— 深色表面上的主标题、标题、按钮标签、图标填充。 - Bone White
#f0f0f0— 正文、次要标题、图标轮廓——阅读的主要颜色。 - Ash Gray
#a1a4a5— 静音正文、图标标签、图标轮廓 - 三级文本和元数据。 - Smoke Gray
#abafb4— 链接颜色、禁用按钮文本、辅助标签 - 四级文本
排版
从 12 像素到 96 像素 · 8 步
- Inter — 替代品： Inter (Google Fonts) · 轮廓 400, 500, 600 · 正文、UI标签、导航、按钮、链接。工作工具——除代码界面外，在所有界面共出现1280次。
- Domaine — 替代品： GT Sectra · 轮廓 400 · 标题文字采用 400 磅字体，字间距为 96 像素，营造出一种类似印刷品的编辑风格。这种字体在整页上仅出现两次，用于最大的标题。
- aBC Favorit — 替代品： Inter Display · 轮廓 400, 500 · 章节标题和副标题。品牌风格字体为 56px，字重 400，字间距为 -0.05em。这种几何无衬线字体极小的字间距营造出一种紧凑而自信的印象，与主 Domaine 字体形成鲜明对比。
音程和形式
| 目的 | 意义 |
|---|---|
| 密度 | 宽敞 |
| 基本步骤 | 16px |
| 按钮半径 | 6px |
| 卡片半径 | 16px |
| 阴影 | 无边框，取而代之的是阴影 |
| 各部分之间 | 96px |
| 页面宽度 | 1200px |
AI 将按照Resend风格构建您的网站并填充内容。
- 通过链接（ Instagram 、 TikTok 、 Facebook ）发布产品和帖子。
- 从旧网站迁移内容——只需指定地址即可。
- 采用最佳引擎的现代设计： React （ Next.js ），开箱即用服务器端渲染和 SEO 优化。
- 全自动搜索引擎优化，支持搜索结果和神经网络推荐。
相似风格
- Neon — 夜幕降临后的服务器机房。一片漆黑，唯一的光源来自数据和用户交互。
- Discord — 游戏世界隐藏在弹出式聊天窗口后面——每个部分都是一个独立的环境，拥有自己的光照和角色。
- Midjourney — 深海中的生物发光终端。这是一个深海世界，在那里，智能以ASCII码流的形式视觉化地生成，而控制按钮则以微弱发光的图案形式呈现。
- Wope — Wope 是一款紫色地平线界面。想象一下，一张昏暗的天文台桌，玻璃下方射出一道紫色的光束。
- Ori — 午夜时分的服务器机房一片漆黑，只有一盏白灯亮着，一个开关开着。
- Amaterasu — 天界绿松石圣殿
- Obsidian — 一个蕴藏着丰富知识的宝库。一个清晰、多面的数字空间，旨在实现清晰专注，并以闪亮的紫色互动元素点缀其中。
- Morphic — 为人工智能驱动的故事讲述打造的暗黑电影画布。纯黑色吸收一切，只留下单一装饰元素的蓝色脉动和生成图像的光芒。
- Valo — 午夜时分，一座黑色风格的天文台——300pt 的字体悬浮在干净的黑色背景上，而一条蓝绿色渐变线像激光线一样贯穿整个房间。
- JetBrains — 黑曜石上的霓虹星云——黑色背景页面上，紫蓝色渐变如同深空图像般绽放，间或点缀着亮粉色霓虹灯和每个产品图标的彩色光芒。
- beehiiv — 午夜天文台与霓虹等离子体
- RainbowKit — 一个霓虹色的莫代尔钱包收纳包漂浮在漆黑的虚空中，蓝紫色的光芒刺破黑暗。