Cron Calendar

近黑色基底、产品图像展示与紧密字距。

页面以近黑色为基底，搭配白色文字。字体采用 Helvetica Neue。视觉特点包括产品图像展示、紧密字距、细线分隔、居中构图。适合参考的场景：效率工具官网、协作产品介绍页。

查看原始网站

使用规范

建议采用

仅将 #ff4700 用于主要行动号召按钮和品牌标识——其他任何 UI 元素均不得使用彩色填充
将显示主标题设定为精确的 140px 字重 700，字间距 -0.021em，行高 0.90，以保持标志性的日志体比例
所有标准按钮使用 4px 圆角，导航标签、标签和公告芯片使用 9999px 圆角——这两个圆角值定义了组件的几何形态
让主要行动号召按钮呈现双层温暖阴影（内层 #451e0 圆环，外层 #8b2e09 模糊效果）——这是系统中唯一存在层级感的位置
将产品截图直接放置于 #0f0d0a 画布上，不加边框、不加框架、不加设备模拟图
将色彩调色板控制在单一橙色——拒绝引入次级品牌色、状态色或插画配色
使用 #cccccc 用于所有正文、元信息文本、边框和图标；保留 #ffffff 用于标题、导航和必须优先阅读的内容

建议避免

不要为卡片、导航或次要元素添加投影阴影——分离感仅来自深色画布上的明暗对比
不要将 140px 的显示尺寸用于除首屏主标题之外的任何内容——在正文层级使用会破坏节奏感
不要引入渐变、装饰性插图或背景图案——黑曜石的虚无必须保持完整无缺
不要为非操作元素（如标签、徽章或状态指示器）使用彩色——单一橙色仅保留用于转化场景
不要为卡片添加 8–16px 的圆角——卡片和产品截图应在画布上保持锐利边缘
不要使用浅色主题令牌或切换到白色背景——该设计为原生深色模式，产品截图也依赖于此
不要引入第二套字体——仅使用 Helvetica Neue 四种字重承载全部视觉语感；引入第二字体家族将削弱其整体的单一体感

正在读取模板权限…

使用指南

# Cron Calendar — Style Reference
> Ember in an obsidian void — one warm orange spark burning against a near-black canvas.
 
**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.
 
Cron uses a near-monochrome dark canvas with a single ember-orange accent — the visual logic of a luminous clock face in an unlit room. Almost every surface, border, and text element lives in a narrow band of near-black, warm-gray, and white, reserving #ff4700 exclusively for primary actions and brand moments. Type does the heavy lifting: a single 140px display headline at weight 700 with aggressive negative tracking commands the hero, while the rest of the system stays at 13–22px Helvetica Neue. Components are stripped to essentials — a pill-shaped nav chip, a glowing filled CTA, hairline borders, and product screenshots that float on the dark canvas. There are no gradients, no decorative illustrations, and no secondary hues: the design earns its identity through contrast, scale, and restraint.

Cron Calendar

使用规范

建议采用

建议避免

相似设计语言

Coda

Superlist

Mesh

Chronicle

Electronic Materials Office®

BaseHub