Vivid+Co
透过黑曜石的棱镜光
Vivid+Co 的设计风格如同电影般深邃幽暗：近乎黑色的画布由 #101010 至 #495764 组成，仅有一种近乎白色的色调 (#fffdf9) 点缀其间，这种色调几乎用于所有字体和界面元素。字体主要采用 Neue Montreal 字体，字重为 400——刻意摒弃粗体，而是通过字形大小（136px 和 105px）而非字重来营造权威感。其标志性技术是色彩棱镜：饱和度极高的红/绿/蓝光块，由 RGB 色阶分隔，透过玻璃立方体过滤，打破了单色调的视觉效果。布局居中且空间宽敞；导航、正文和链接均使用单一的 #fffdf9 颜色，没有单独的强调按钮、填充或阴影——区分是通过间距、字形大小以及作为品牌唯一色彩强调的彩虹色来实现的。
一个深色的全宽画布，包含单列内容，最大宽度约为 1440 像素。主要元素是一个居中的棱柱形图案，其标题（文字与棱柱相交）和左对齐的副标题与图案重叠。导航位于顶部的细长栏中：左侧是徽标，右侧是四个不可见的链接，行尾是一个专门的“联系我们”按钮。页面布局采用交替排列的方式，在全高主图和间距约为 108 像素的较窄内容条之间切换。内容布局为非对称式：棱柱形图案作为视觉中心，标题环绕其周围。单列文本块的最大宽度约为 440 像素；没有使用多列网格、卡片矩阵和价格表。页脚是一个细条，由一条细线分隔，包含两列元数据。
主要设计元素是一幅抽象的3D图像，由边缘带有色差的玻璃立方体组成，并以RGB颜色分隔。没有照片、人物图像或产品图。棱镜是品牌的标志；其他所有内容均为深色背景上的单色文字。图标设计极简：简洁的导航标签和其中一个标题末尾的小型光标/字形强调（区域142765）暗示着一个16像素的单线图标。没有插图、装饰图案或纹理。
调色板
中性的
- Bone White
#fffdf9— 正文、导航标签、链接颜色和标题填充颜色都接近白色，占据了深色画布上的所有排版区域。 - Obsidian
#101010— 页面画布，即主条纹和分隔条纹的背景填充，为深黑色，内部带有棱镜状图案。 - Graphite Veil
#495764— 在标题和内容块的背后，冷色调的深色石板占据主导地位，使画布呈现出深度，而无需使用纯黑色。 - Ash Border
#403f3f— 使用 1 像素的细微分割线和卡片轮廓线来分隔行，而不会与文本冲突。 - Fog Blue
#6f879c— 低调的辅助文本和微妙的按钮标签（3.7:1 对比度）——“战略”、“创意”、“传播与营销”等服务类别名称被视为未突出显示的元数据。 - Pure Black
#000000— SVG 图标和插图的装饰性填充——用于棱镜图像和图标字形；不是背景。
排版
从 15 像素到 136 像素 · 9 步
- Neue Montreal — 替代品： Söhne · 轮廓 400, 700 · 整个用户界面均使用专属字体——包括标题、正文、导航、按钮、链接和页脚。默认字重为 400；700 字重仅用于副标题。105px 和 136px 字重的标题行距为 1.00–1.01em，字间距为 -0.02em，营造出电影般的堆叠式标题效果，更偏向于雕塑感而非排版感。
音程和形式
| 目的 | 意义 |
|---|---|
| 密度 | 宽敞 |
| 基本步骤 | 7px |
| 按钮半径 | 0px |
| 卡片半径 | 15px |
| 阴影 | 无边框，取而代之的是阴影 |
| 各部分之间 | 108px |
| 页面宽度 | 1440px |
AI 将按照Vivid+Co风格构建您的网站并填充内容。
- 通过链接（ Instagram 、 TikTok 、 Facebook ）发布产品和帖子。
- 从旧网站迁移内容——只需指定地址即可。
- 采用最佳引擎的现代设计： React （ Next.js ），开箱即用服务器端渲染和 SEO 优化。
- 全自动搜索引擎优化，支持搜索结果和神经网络推荐。
相似风格
- Sequel — 在漆黑的影院里，夜幕降临后的私人放映是唯一的一束温暖的光芒。
- ThoughtLab — 一座刻有深红色标志的黑曜石纪念碑。一片漆黑的空旷画布，大教堂中唯一鲜艳的红色物体，以巨大的白色字母印刷而成，是一个单一的彩色图案。
- Dovetail — 黑月下的蓝图——几乎看不见的图表线条，白色的字体，一抹紫色的闪光。
- MekaVerse — 一个单色的数字艺术品画廊——一片漆黑的虚空，渲染的世界像博物馆展品一样悬挂其中，整个用户界面就像哑光黑玻璃上的白色墨水。
- Krea — 午夜画廊黑色电影
- Factory — 午夜时分的“作战室”终端。“工厂”是一个纯黑色的控制面板，一张白色的卡片像手电筒照着的电报一样落在上面——房间里唯一的物品就是工作本身。
- basement — 凌晨 3 点，一台空荡荡的印刷机——巨大的、压缩的字体散布在漆黑的背景上，导航栏上闪烁着一丝橙色的光芒，其他一切都是白色或幽灵般的灰色。
- Stink Studios — 午夜时分的电影制片厂——放映机嗡嗡作响，房间一片漆黑，只有胶片在发光。
- Apple (España) — 黑色剧院，配有照明设备
- Charlie — 用修道院石刻在黑曜石上的文字。一个作品集，其中一面红色的墙营造出一种震耳欲聋的寂静。
- Rive — 高精度夜视功能。该界面配备特殊镜头，能够穿透黑暗，以绝对清晰度聚焦技术细节。
- Datalands — 一座黑色的教堂，只有一盏霓虹灯闪烁。教堂中殿里赫然印着教堂的标志；其他一切都只是下方几乎听不见的文字。