01
留白
页面默认是近白纸底、细线和大段空白。艺术感不靠堆装饰，而靠作品与文字之间的呼吸。
art.xusn.cn / visual yúbái
留一块白
给图像和代码
Design from existing context
这里不是文章陈列页；只保留出处，把视觉实验留在前景。
Preview
右下角的 Tweaks 可以切换三种视觉温度：白盒画廊、终端软未来、大字报海报。不是做三个页面，而是让同一内容拥有可调的视觉语气。
00 / Context
从「余白」长出来，而不是凭空画。
02
代码
等宽字、终端片段、文件路径和调试痕迹不是装饰，它们来自作者真正的日常。
03
折腾
把建站、后台美化、服务器、Bug 与小实验都当作视觉素材，不把技术藏在作品背后。
04
不写满
内容不是为了填满版面。每个区块都保留明确角色，宁可空，也不制造无意义的数字和图标。
01 / Works
作品在前，文章只作为出处。
Note
这里只显示视觉线索与原文入口；不摘录正文，不做文章陈列。
01
听说课的 Qwen Code
终端节奏 / 代码海报 / 原文入口
02
凌晨 4 点的调试
夜间网格 / 错误标点 / 原文入口
03
从 0 到 1：搭建余白
白盒空间 / 站点结构 / 原文入口
04
服务器燃料
运行状态 / 服务器 / 入口
02 / Lab
视觉不是图片，是一套可以运行的排版系统。
visual-lab.shrunning
$ collect visual traces
✓ blank / code / motion / grid
$ reject default web tropes
✓ no gradient-card wall
$ compose html-native art
→ grid, hairline, type, motion
$ leave blank space
先有上下文，再有风格。
页面只提取气质和线索，不搬运文章正文；风格负责把线索变得可观看。
用大字建立情绪，用小字保存证据。
大标题负责气质，等宽小字负责出处、路径、时间和状态。两种尺度互相校准。
少做容器，多做动线。
作品不是一个个卡片，而是分隔线、节奏、视觉块和阅读路径组成的展览流。
Tweaks 不是玩具，是审美调试器。
风格切换保留在页面里，让访问者看见同一内容如何因视觉语气而改变。
不把网页做成模板。
把它做成一次观看：写代码、踩坑、留白，然后继续走。