Ciridae
空荡荡的房间里，余烬仍在微微燃烧——一座近乎漆黑的教堂，唯一温暖的声音是锈迹的细微声响，每一处表面都由细线勾勒而成，而非阴影。
Ciridae 的运行环境如同虚空：#0b0b0b 的画布，药丸状的控件轮廓几乎难以察觉，字体锁定为 Pragmatica Cond 400 字重的全大写字母——没有粗体，没有大小写混合，也没有任何装饰元素。唯一的色彩点缀是 #cc6437，一种温暖而略带烟熏感的锈红色，仅用于极细的笔画和小的强调标点符号，绝不用作填充。地图以 #272a2a 为底，半径 10px，没有阴影；系统摒弃了高低起伏的视觉效果，而是通过色调对比和 1px 的极细边框来定义表面。照片经过高度模糊处理，营造出一种氛围感——如液态大理石、烟雾、火焰——在全屏模式下置于文本之后，因此视觉图像更注重氛围而非插图效果。
页面布局为全宽，内容居中，最大宽度约为 1400 像素。首页采用深色全宽设计，居中放置星座标志，左右两侧配有微型标签。页面各部分交替呈现：深色首页 → 浅色条纹（带底纹，颜色为骨白色） → 深色变换文本 → 深色系统卡片网格 → 深色页脚。唯一的浅色部分实现了清晰的色调过渡。卡片网格采用四列布局，第一张卡片的宽度约为其他三张卡片的两倍，形成不对称布局，突出内容。各部分之间的垂直间距较大（80 像素以上）。导航简洁：顶部新闻栏 + 左对齐的“立即开始”按钮 + 右对齐的“菜单”按钮。没有侧边栏，也没有大型菜单。
占据整个页面的氛围照片主导着主屏幕和卡片。这些图像经过高度模糊处理（检测到背景模糊值分别为 50px 和 40px），对比度很高，描绘了带有蓝红色漩涡的液态大理石、烟雾、深色风景轮廓以及火焰/余烬纹理。照片色调阴郁而暗沉，而非鲜艳夺目——它们与空白画布共享相同的色调范围，而非与之形成鲜明对比。这里没有产品照片、人物或用户界面截图。这些图像旨在营造氛围，而非作为说明性内容。卡片网格将每个系统映射到不同的氛围场景，使照片能够作为抽象的视觉标识，而非具体的商品图像。
调色板
品牌
- Ember Rust
#cc6437— 在单色系统中，只有强调笔画、图标线条和小文本高亮部分是彩色的，与其说是填充，不如说更像是一个几乎难以察觉的脉动点。
中性的
- Void Black
#0b0b0b— 主页面和各版块的背景图片；整个系统的基础。 - Charcoal Surface
#272a2a— 背景图像由硬纸板和暗色区域的面板制成，颜色比画布浅一个色调，从而在没有阴影的情况下创造表面分离的效果。 - Bone
#edebe7— 背景和表面的浅色区域呈乳白色，系统在此处由暗变亮。 - Bone Darker
#dfddd9— 一种名为“骨色”的柔和色调，适用于多层浅色表面和温暖的、近乎白色元素。 - Pure White
#ffffff— 所有主要文本和标题、幽灵按钮边框和导航元素均采用主色，对比度为 19.7:1，背景为纯黑色。 - Abyss
#050505— 新闻条的背景凸起（顶部新闻条）——比主画布颜色深一个色调，使新闻条更加突出。
排版
从 11 像素到 32 像素 · 5 步
- Pragmatica Cond — 替代品： Oswald · 轮廓 400 · 主要显示和用户界面字体为窄体压缩字体，正文大写字母间距为 14px，章节标题为 20px，正文为 32px。这种极窄的字体和 14px 的大写字母间距是该系统最具特色的解决方案：正文读起来如同建筑字体的低语，而非普通的散文。如果 Pragmatica Condensed 不可用，请使用 Oswald 或 Barlow Condensed 代替。
- Pragmatica — 替代品： Inter · 轮廓 400 · 用于较长散文段落的辅助主字体（例如，“人工智能操作系统”卡片的描述字体为 24 像素，段落正文为 15 像素）。比 Pragmatica Cond 字体略宽，便于在大段文字中阅读，但字重仍为 400，绝不加粗。可替换为 Inter 或 Söhne 字体。
- Roboto Mono — 替代品： Roboto Mono (free · 轮廓 400 · 用于新闻滚动条的等宽微型字体（“新闻 • 2026年6月15日 • 熔炉抢先体验现已开放”）。等宽字体仅在此处使用，以明确区分功能：这是系统数据，而非品牌标识。
音程和形式
| 目的 | 意义 |
|---|---|
| 密度 | 平均的 |
| 基本步骤 | 16-20px |
| 按钮半径 | 1440px |
| 卡片半径 | 10px |
| 阴影 | 无边框，取而代之的是阴影 |
| 各部分之间 | 80px |
| 页面宽度 | 1400px |
AI 将按照Ciridae风格构建您的网站并填充内容。
- 通过链接（ Instagram 、 TikTok 、 Facebook ）发布产品和帖子。
- 从旧网站迁移内容——只需指定地址即可。
- 采用最佳引擎的现代设计： React （ Next.js ），开箱即用服务器端渲染和 SEO 优化。
- 全自动搜索引擎优化，支持搜索结果和神经网络推荐。
相似风格
- Dala — 悬浮在黑色天鹅绒上的星座
- Linear — 午夜精密仪器
- Resend — 黑色天鹅绒，带有紫色霓虹色
- Dovetail — 黑月下的蓝图——几乎看不见的图表线条，白色的字体，一抹紫色的闪光。
- Neon — 夜幕降临后的服务器机房。一片漆黑，唯一的光源来自数据和用户交互。
- Discord — 游戏世界隐藏在弹出式聊天窗口后面——每个部分都是一个独立的环境，拥有自己的光照和角色。
- Aaru — 粒子场天文台午夜
- Atlas Card — 午夜穹顶，只有一道蓝宝石光束，是一片漆黑的广阔空间，唯一重要的就是那深邃的电光蓝。
- Midjourney — 深海中的生物发光终端。这是一个深海世界，在那里，智能以ASCII码流的形式视觉化地生成，而控制按钮则以微弱发光的图案形式呈现。
- Checkly — 深轨道任务控制中心
- Krea — 午夜画廊黑色电影
- Wope — Wope 是一款紫色地平线界面。想象一下，一张昏暗的天文台桌，玻璃下方射出一道紫色的光束。