Danilo Rodrigues
近黑色基底、大字排版与单栏阅读排版。
Glitch Blog
白色基底、网格布局与细线分隔。
页面以白色为基底，搭配近黑色文字。字体采用 InterVariable。视觉特点包括网格布局、细线分隔、产品图像展示、渐变图像。适合参考的场景：SaaS 产品官网、功能介绍页。
查看原始网站使用规范
建议采用
- #ff00bc只作为墨色，用于边框、链接下划线、标志和小CTA，绝不要作为大背景填充。
- 所有卡片和图像角保持0px，清晰边缘强化编辑式独立小志感。
- 每张卡片的日期元数据与文章标题之间都使用20px间隙；它是页面结构节奏。
- 博客文章图像承载视觉变化；UI附属元素保持单色，让艺术作品凸显。
- 标题和导航采用Inter 600/700，正文与元数据400；每页绝不要混用超过三种字重。
- 分区以48px留白分隔，而非边框或背景横带。
- 所有正文、标题、导航和边框文字采用#000000，调色板保持墨、纸和唯一洋红。
建议避免
- 博客卡片不要采用box-shadow或边框；仅网格间距就应定义每篇文章。
- #ff00bc不要作为按钮填充或大面积表面；像涂料而非墨迹使用时，它会失去火花感。
- 不要引入第二种强调色；系统是单色加唯一洋红。
- 图像、按钮或卡片不要添加border-radius；清晰直角是标志性选择。
- 任何地方都不要使用衬线字体；Inter Variable覆盖全部层级，混用会破坏系统。
- 网格行之间不要使用分隔线、线条或背景色调分隔；留白承担这一作用。
- 链接不要使用蓝色；洋红下划线是品牌链接惯例，替换它会削弱身份。
