Circa

一个用于构建网站的、有趣的玩具工坊。

纯黑背景，搭配高对比度的白色文字和鲜艳的3D插图。

geometric-sans

• display40px · 400
• body18px · 400

标题和正文均使用几何无衬线字体。 · 保持字形清晰、开放，以确保在深色背景上的可读性。

宽裕的垂直间距，让插图和文案得以呼吸。

用于按钮和Cookie横幅的细微1像素边框。

0 4px 24px rgba(0,0,0,0.3)

单栏居中布局，顶部放置大型插图。

3D元素上微妙的浮动动画

按钮hover时，进行微妙的缩放或颜色变化。 · 按钮按下时，提供视觉反馈。

• button 白色背景，黑色文字，带有轻微的圆角。
• card Cookie同意横幅，白色背景，带有细微阴影。
• input 主视图中不可见。
• hero 大型3D插图居中置于标题和副标题上方。

• 语气 友好、有吸引力，略带趣味。
• 标题风格 对话式且清晰，宣布新事物。
• 按钮文案 直接且面向行动（例如'获取早期访问权限'）。

• 不要使用浅色背景——截图显示的是纯黑背景。
• 不要使用衬线字体——截图显示的是干净的几何无衬线字体排印。
• 不要添加复杂的渐变——截图在3D插图中使用纯色。
• 不要让布局杂乱——截图显示的是单栏居中布局，留有充足留白。
• 不要使用柔和、低对比度的文字——截图保持了高对比度以确保可读性。
• 不要添加过多的UI框架——截图显示的是最小化的导航和控件。
• 避免: 行话
• 避免: 过于技术性的语言
• 避免: 侵略性的销售语气