247Studio

如同高端建筑工作室的作品集，融合了冷峻极简与结构上的大胆。

严格的单色高对比度配色，完全依赖排版与空间层次来塑造视觉冲击力。

geometric-sans

• display56px · 500
• display-soft56px · 300

标题采用紧凑字距与混合字重以形成对比 · 导航标签仅少量使用大写 · 文本对齐以左对齐或右对齐的块状形式为主

非对称间距，强烈注重大面积留白与清晰的网格对齐。

无可见结构性边框，依赖对齐与留白进行区分。

0px 4px 12px rgba(0, 0, 0, 0.08)

基于网格的布局，左侧为醒目的标志组合，右侧为垂直导航/联系板块，并以大号排版标题区为锚点。

模态框的细微淡入效果 · 流畅的滚动交互

交互元素上的细微透明度变化或颜色反转。 · 提供即时反馈，过渡极简。

• button 轮廓或实心黑色按钮，文本大写，边角锋利或略带圆角。
• card 带有柔和阴影的极简卡片，主要用于 Cookie 同意或信息弹窗。
• chip 简洁的轮廓徽章，用于指示导航状态。
• input 简洁的输入框，带细微边框，用于 Cookie 同意板块。
• hero 利用混合字重构建视觉层次的大号排版标题区。

• 语气 专业、直接且精致。
• 标题风格 陈述性且有力，常通过对比字重来强调核心概念。
• 按钮文案 清晰、行动导向，且常使用大写。

• 不要使用多种强调色——截图显示的是严格的黑白单色配色
• 不要使用装饰性或手写体——截图显示的是简洁的几何无衬线字体系列
• 不要用图像填充标题区——截图显示的是纯排版标题区
• 不要将所有导航居中对齐——截图显示的是结构化的、右对齐的垂直导航块
• 不要使用厚重阴影或 3D 效果——截图显示的是基本扁平或阴影非常细微的元素
• 不要使用俏皮、圆润的界面元素——截图显示的是锋利、结构化且具建筑感的布局决策
• 避免: 俏皮语言
• 避免: 过多表情符号
• 避免: 杂乱的界面