VI / 0xhardman.eth

# the visual identity behind everything you see here

Soul

— 一句话定位

A non-typical freedom-seeking full-stack developer.

彩虹是唯一的色彩声明，其它一切都是黑、白、灰。 Strict palette—— 一种声音，最有力。

Color

— rainbow + black & white

The Rainbow / 8 fixed colors

#FF0000

red

#FF8000

orange

#FFFF00

yellow

#00FF00

green

#00FFFF

cyan

#0080FF

blue

#8000FF

purple

#FF0080

magenta

8 色，固定顺序，固定 90° 横向。任何变体都从这 8 色派生。 r4 (green) 和 r7 (purple) 是连接器，让彩虹和终端绿/以太紫血脉相通。

Strict Palette / 严格调色

Rainbow · 唯一色彩声明 · 标题、CTA 边框、章节分隔

Ink#0A0A0A · 文字、Logo、所有非彩虹强调

Cream#FAFAFA · 背景，比纯白有温度

Gray#525252 · 次要文字、hover 状态、分割线

一种色彩 + 黑白灰 = 最强识别度。
Linear / Vercel / Stripe 都是这个原则——彩虹是签名，其余皆中性。

Rainbow Rules / 用法守则

YES · 彩虹做边不做面（border + glow，不是 fill）
YES · 标题文字用 background-clip: text 让文字本身吃彩虹
YES · 默认流动 4s，hover 加速到 1s——平时低调，互动时活泼
NO · 大面积彩虹背景（喧宾夺主）
NO · 正文超过 3 个词的彩虹文字（难读）
NO · 改变 8 色的色号、顺序或角度

CTA Button · live demo

外层彩虹背板 + 内层白色 mask · hover 看变化

Logo

— 一身三任 · V1 + V2

手绘风人脸轮廓——AI 时代的“人类真迹证明”。一身三任：Logo（品牌）= Avatar（头像）= Signature（签章）。只有亮 / 暗两个版本，看背景色选用。

V1 / Master · light bg

用于浅色背景

V2 / Inverted · dark bg

filter: invert(1)

判断规则：背景亮度 > 50% 用 V1，< 50% 用 V2。不需要思考“该用哪个变体”——看背景色就行。

Logo Rules

YES · 所有 hardman / 0xhardman 身份的地方都用这个 logo
YES · 留白 padding ≥ logo 高度的 10%（给手绘线条呼吸）
NO · 不要叠加装饰（戴帽子、加眼镜）——那是 mascot 才做的
NO · 不要拉伸 / 压扁（保持 1:1）
NO · 不要染成除黑 / 白之外的颜色

Typography

— Mono + 文楷

VI 字体栈只有两个——每一个都覆盖全场景。

Primary · all english

Geist Mono

全站用 Mono 当 Sans 用——这是你的字体签名

Chinese · all chinese content

霞鹜文楷

有手写感但不像草稿——给中文长文用

Size Scale / 尺寸阶梯

96 / display

0xhardman

56 / hero

0xhardman.eth

32 / h1

A non-typical developer

22 / h2

building OpenClaw with Claude Code

16 / body

A non-typical freedom-seeking full-stack developer who builds tools, writes blogs, and ships products on chain.

14 / ui

Read essay → · 8 min read · 2026.05.01

12 / caption

Soul Statement

Mono for the world.
Wenkai for the heart.

Out of VI

— section 级风格元素 · 非 VI 主体

VI 定义“全站用什么”。某些 section 可以有自己的局部风格—— 比如未来计划做的“复古显示器风像素艺术展区”会用 VT323 + 终端绿 + 黑底， ASCII art 也属于这一层。

原则：VI 是 brand identity（识别码），section 风格是 brand expression（表达）。 VI 必须精简稳定，section 可以灵活演绎。

# decision log
— Rainbow chosen as soul color (over Apple / Instagram / RainbowKit / Holographic / Pixel)
— Terminal green & eth purple retired — strict palette: rainbow only, rest neutral
— Logo simplified from 8 variants to 2 (V1 master + V2 inverted)
— Signature Seal removed (no high-frequency use case)
— VT323 dropped from VI font stack, kept as section-level style
— Typography reduced to 2 fonts: Geist Mono + 文楷

VI v2 · 2026.05.01 · 0xhardman.eth