Huly
午夜天文台的北极光——主角是一道垂直的紫色光束，逐渐褪成珊瑚色；它下方每一处静谧的景致都借用了同样的双色调叙事手法，只是语调更为柔和。
Huly 营造出一种宇宙工作空间的氛围：近乎黑色的画布上，一道紫琥珀色的光晕贯穿主体元素，下方则是更为柔和的网格，旨在提升工作效率。该系统采用窄色域——亮蓝色和珊瑚色在层叠的石墨色表面上完成所有品牌标识工作，因此深色模式绝不会显得单调。所有功能性元素均使用 Interstyle 字体，关键信息则使用自定义字体 (Esbuild)，字距为 80-84px，并采用较大的负间距。组件呈胶囊状：控件半径为 9999px，卡片半径为 12px，阴影极简，并以发光的渐变线条作为主要装饰。页面在全页深色区域和柔和的浅色区域之间交替，因此任何新页面都应在选择颜色之前确定模式。
全宽首页以北极光的垂直光束和左对齐的标题为特色，产品截图位于右下角。首页下方是宽度为 1200 像素的内容区域，采用深浅相间的条纹设计。每个版块都是一个独立的垂直模块：一个标题加上一个 3 列或 4 列的卡片网格，卡片之间以 96 像素的间距分隔。“MetaBrain”版块打破了网格布局，采用居中标题和大小不一的卡片马赛克（一张大的主卡片加上一些较小的辅助卡片）。页面内容丰富，符合 SaaS 行业的标准，但通过深浅相间的条纹设计，使每个版块都拥有足够的空间。导航栏是一个透明的顶部栏，滚动页面时会逐渐变为不透明。
主要元素是纯粹的极光渐变，不含任何照片。所有插图均为产品用户界面（深色模式下的看板、收件箱、日历）的实际截图，并以卡片式边框装裱，既作为证据也起到装饰作用。不使用任何生活照、素材图片或3D渲染图。唯一与用户界面无关的视觉元素是极光底部温暖的放射状光芒，以CSS渐变渲染而成。图标均为#95979或白色单色线条图标，绝不使用多色图标。系统将自身的深色用户界面视为主要元素——产品本身才是照片。
调色板
品牌
- Electric Iris
#5683da— 主背景、活跃的导航指示器和醒目的北极光点缀（在纯黑色背景上呈现鲜艳的紫蓝色）营造出一种参与感，而不是企业活动的氛围。 - Ember Pulse
#ff8964— 辅助强调色、温暖的北极光区域、通知点和插图亮点——琥珀色调打破了蓝色的沉稳，为光束增添了温暖。
中性的
- Obsidian Canvas
#303236— 页面背景（即主要表面）呈近乎黑色，略带一丝暖色调，是所有内容的标准环境。 - Void
#090a0c— 主屏幕、模态背景和应与画布融合的框架上的渐变的最深表面层。 - Charcoal Card
#111111— 由纸板和面板制成的凸起表面，位于画布上方一级。 - Slate Edge
#4a4b50— 深色表面上的微妙边界和分隔线 - Iron Veil
#6b6c6d— 标签、列表项填充和禁用填充的背景色变暗。 - Smoke
#95979e— 图标轮廓、附加文本和非活动控件是主要工作元素，以中灰色显示。
排版
从 11 像素到 80 像素 · 8 个步骤
- Inter — 替代品： DM Sans · 轮廓 300, 400, 500, 600, 700 · 用户界面中的所有功能性文本——正文、导航、按钮、列表项、标签和小标题——都使用 500-600 的字体粗细来强调，400 的字体粗细用于正文，300 的字体粗细则用于不显眼的元数据。
- Esbuild — 替代品： Sora · 轮廓 400, 500, 600 · 仅用于显示：启动标题、章节标题和 MetaBrain 文章标题。紧凑的几何形状和紧密的字母间距会给人一种错觉，即 84px 更适合编辑工作而非 SaaS 项目。切勿使用低于 28px 的字体。
音程和形式
| 目的 | 意义 |
|---|---|
| 密度 | 宽敞 |
| 基本步骤 | 12px |
| 按钮半径 | 9999px |
| 卡片半径 | 12px |
| 阴影 | 柔和的阴影 |
| 各部分之间 | 96px |
| 页面宽度 | 1200px |
AI 将按照Huly风格构建您的网站并填充内容。
- 通过链接（ Instagram 、 TikTok 、 Facebook ）发布产品和帖子。
- 从旧网站迁移内容——只需指定地址即可。
- 采用最佳引擎的现代设计： React （ Next.js ），开箱即用服务器端渲染和 SEO 优化。
- 全自动搜索引擎优化，支持搜索结果和神经网络推荐。
相似风格
- monday — 白色工作室，贴有粉彩色贴纸
- Slack — 舞台呈茄紫色，配以白色聚光灯。深紫色调主导着暗部区域，而米白色的画布则让大型前卫的标题得以自由舒展。
- Base44 — 阳光下的笔记本，配上青柠色马克笔
- Supahub — 柔和的日光洒在紫色的山脊上。一片以白色为主的轻盈画布，被一轮明亮的紫色太阳照亮，装饰性的渐变球体将色彩倾泻到负空间，而圆润的几何形状则赋予每个表面一种令人愉悦的、触手可及的厚重感。
- Raycast — 午夜指挥中心，珊瑚霓虹灯
- Dimension — 黄昏时分，灯光昏暗的工作台面配有磨砂玻璃面板。
- Wiza — 黄昏时分，矿物勘探观测站笼罩在淡紫色薄雾之中。
- Paste — 白色大理石上悬挂着一盏琥珀色的灯笼——该品牌的暖色调渐变标志悬浮在广阔的白色空间中，就像一座被白雪覆盖的建筑物中唯一一扇亮着的窗户。
- Reworkd — 产品示意图上柔和的日光是唯一无需赘述的颜色，它代表了操作按钮及其上方的渐变标题。
- Reflect Notes — 繁星点点的紫色空间是一个黑暗的天文台，音符像星座一样漂浮在近乎漆黑的靛蓝色空旷背景上。
- Ameba — 午夜时分的控制室——磨砂玻璃面板内闪烁着电蓝色的光芒
- Todoist — 阳光洒满的工作空间，摆放着纸质日记本——一张暖米色的桌子，墨水笔记，一支红笔。