Ciridae

近黑色基底、胶囊形控件与细线分隔。

页面以近黑色为基底，搭配白色文字。字体采用 Pragmatica Cond、Pragmatica。视觉特点包括胶囊形控件、细线分隔、非对称构图、网格布局。适合参考的场景：AI 工具官网、产品能力介绍页。

查看原始网站

使用规范

建议采用

所有按钮、徽章、导航项及胶囊形交互元素使用 1440px 半径
卡片和内容容器仅使用 10px 半径 — 胶囊形 = 交互，矩形边框 = 内容
所有文本使用大写，采用 Pragmatica Cond 字重 400 — 从不使用粗体，从不使用混合大小写
所有大于 14px 的字体使用 -0.02em 字间距；15px 正文可接受 -0.01em 字间距
通过背景色调变化（#0b0b0b → #272a2a → #edebe7）和 1px 细线边框来定义表面，从不使用阴影
仅将 #cc6437 Ember Rust 用于细线强调笔画和小字号高亮 — 从不作为填充色
系统数据（新闻滚动条、元数据、技术标签）使用 Roboto Mono 11px 专一呈现，以建立清晰的字体体系

建议避免

不引入粗体或半粗体字重 — 整个系统仅运行于字重 400
不添加阴影、发光效果或任何 box-shadow 值 — 系统刻意保持平面
按钮不使用填充色 — 所有交互控件均为透明描边，1px 边框
UI 标签、标题或正文内容中不使用混合大小写或句子式大小写
不引入额外的强调色 — Ember Rust 是唯一允许的色彩元素
不使用非胶囊形半径（例如 4px、8px）于按钮、徽章或导航项 — 1440px 胶囊形是系统的标志性形状
不使用渐变 — 系统基于平面色彩和模糊摄影构建，而非色彩过渡

正在读取模板权限…

使用指南

# Ciridae — Style Reference
> void chamber with ember pulse — a near-black cathedral where the only warm note is a thin line of ember rust, and every surface is defined by hairline borders rather than shadow.
 
**Theme:** dark
 
Source measurements are normalized; roles and recommendations are interpreted. Font summary lists are independent, not paired by position. HTML examples are reconstructions, not source components.
 
Ciridae operates in a void: #0b0b0b canvas, ghost-outlined pill controls, and typography locked in uppercase Pragmatica Cond at weight 400 — no bold, no mixed case, no decoration. The only chromatic note is #cc6437, a warm ember rust used as hairline strokes and small accent punctuation, never as a fill. Cards float on #272a2a with 10px radius and zero shadow; the system refuses elevation, defining surfaces through tonal contrast and 1px hairline borders. Photography arrives heavily blurred and atmospheric — liquid marble, smoke, fire — set behind type at full-bleed scale, so the visuals feel ambient rather than illustrative.

Ciridae

使用规范

建议采用

建议避免

相似设计语言

Twingate

Ameba

Raycast

xAI

Luro

Three