# Atelier Noma — 风格参考

> 暖调编辑风：纸感底色配一处窑火橙，直角到底，层级靠留白和底色深浅。

## 配色

- `--color-page` #F5F0E5 页面底色
- `--color-surface` #EEE9DC 首屏与分区底
- `--color-sand` #D8C9AD 插画中间调、分隔线
- `--color-ink` #171715 标题与正文
- `--color-brand` #ED643B 主按钮、眉题序号、首屏主视觉
- `--color-deep` #173E55 深色屏底、按钮悬浮态

## 排印

- 标题 Georgia 400，38–61px，行高 0.97–1.14，字距 -0.055em 到 -0.045em
- 正文 Helvetica Neue 400，13px，行高 1.7
- 按钮与导航 10px 600
- 眉题 9px 700，全大写，字距 0.09em

## 间距与形状

- 间距梯度 10px / 18px / 24px / 42px / 48px
- 圆角 0px —— 图片、卡片、按钮都是直角
- 阴影 无
- 栅格 48% + 52% 两栏，单栏最宽 540px
- 深色模式 无

## 该做

- **一屏只出现一次橙色**，让它始终是那个被看见的东西。
- 标题和正文各守一套字体，同一行里不混。
- 留白当分隔线用，需要更强的分隔时换底色，而不是加线加影。

## 别做错

- 不要给 13px 正文加字距，中文会被撑散。
- 不要在同一屏放两块大面积橙色。
- 不要用阴影做层级。

@导航
- @标志 NOMA®
- 理念
- 作品
- 日志
- @按钮 开始合作

---

@小标 01 独立创意工作室 · 上海
# 让品牌拥有被记住的形状。
我们把策略、叙事与数字体验放在同一张桌上，为正在生长的品牌建立清晰而持久的表达。
@按钮 浏览近期作品
@链接 了解我们的方法
@图片 抽象几何艺术装置
> FIELD NOTES 24—09 · ART DIRECTION / DIGITAL

---

@小标 02 我们相信
## 好设计不是装饰，而是把复杂变清楚。
### 01 从真实问题出发
先找到必须被解决的问题，再决定它应该长什么样。
### 02 系统先于页面
建立可持续的语言，让每次新增内容仍然属于同一个品牌。
### 03 让体验保持呼吸
克制信息密度，把注意力留给真正重要的内容。

---

@小标 03 SELECTED WORK
## 近期作品
跨越餐饮、文化与生活方式，为每个项目找到自己的节奏。
| 项目 | 类型 | 年份 |
| --- | --- | --- |
| Morrow Objects | 品牌策略 · 数字体验 | 2025 |
| Sen House | 视觉识别 · 空间叙事 | 2025 |
| Common Ground | 品牌更新 · 内容系统 | 2024 |
@图片 Morrow 项目视觉
@图片 Sen 项目视觉
@图片 Common 项目视觉

---

@小标 04 STUDIO JOURNAL
@不是文案 12.06.2025 · 7 MIN READ
## 当所有品牌都在说话，怎样建立一种安静的辨识度？
辨识度并不总来自更大的音量。我们记录了三个近期项目里，如何通过限制、重复和节奏建立品牌记忆。
@按钮 阅读完整文章
@图片 工作室创作过程
> N—24 · ISSUE 03

---

@小标 05 START A CONVERSATION
## 有一个值得做的想法？让我们从一次对话开始。
@按钮 hello@noma.studio
@锚点 N

@页脚
- @标志 NOMA®
- SHANGHAI · 31.2304° N
- © 2025 NOMA STUDIO