LATIN / BRICOLAGE GROTESQUE
Hello,
I'm orocoa.
Aa Bb Cc Dd Ee Ff Gg
0123456789 & @ ?
常规宽度 · 自动光学尺寸 · 标题 500–600 / 正文 400。
orocoa · VISUAL IDENTITY / 2026
Make.
Explore.
在代码、空间与人之间，
持续组合，持续探索。
Bricolage Grotesque × 思源黑体。
中性黑白灰，少量群青。让文字建立秩序，让作品保留自己的表达。
01 字体与表达
一组双语字体，贯穿标题、正文、导航与数值。
简体中文 / 思源黑体
让想法成为
可以运行的东西。
代码、空间、人与人。
探索的过程，也是作品。
中文清楚稳定，与英文统一层级。
组合之中，形成自己的语言。
Bricolage 指以已有材料重新组合与创造。设计师 Mathieu Triay 将法国与英国的字体传统、技术选择和个人经历放进同一套可变字体。思源黑体则来自跨语言的协作：在统一体系中尊重不同地区的字形习惯。
两款字体均采用 SIL Open Font License 1.1，允许商业网站使用与网页嵌入。本站本地加载字体，保留原始版权与授权文件。
02 黑白灰，加一种群青
点击色样复制色值。
群青用于交互、选中标记与动态点。它是本站对群青方向的屏幕适配，不是历史颜料的标准色值。背景与结构层次使用中性灰；首页短暂的多彩文字扰动与设备材质保留。
第二屏保留白底，悬停文字使用群青；第三屏深底的正文保持白灰。作品截图、项目标识和作品本身的颜色保留原样，不参与网站调色。
03 同一个蓝，不同的回应
悬停、键盘聚焦与加载状态，共享群青。
LIGHT / 浅色界面
操作清楚，颜色克制。
明确操作只用图标；必要内容保留文字。
04 图标母版
图标优先，文字从简。
没有匹配的图标。可以试试「关闭」或「arrow」。
返回、关闭等操作只用图标；含义不清时才加短标签。图标保留无障碍名称。24 × 24 母版，点击区域至少 44 px。
05 连续的页面过渡
每个页面的进入、切换与返回，都有柔和衔接。
先离场，再从容呈现。
桌面淡出 220ms，入场 620ms，内容最多上移 18px。手机使用 160ms / 320ms 的轻量淡化。返回时恢复原来的项目、位置与焦点。
02 / SELECTED WORK
精选作品
从作品进入，沿原路径返回。
节奏一致，保留页面个性。
首页、设备转场、图像原位放大和 Project 环形开场保留各自的时序，不重复叠加入场。其他页面使用共享淡入淡出，内容与位置就绪后再呈现。
缓存返回只做一次淡入，不重播加载开场。快速操作、导航中断和资源失败后，页面仍可继续使用。开启“减少动态效果”时直接呈现，键盘和触摸均可操作。
06 页面应用
共享字体与颜色，保留不同的观看节奏。