80-160px 的超大字重标题,tight 字距 + tight 行高——纯排版立起来的画面。
排版与文字
Typography
background-clip:text 让文字内部流淌渐变色,一个属性拯救一整句标题。
把一张照片/渐变图填进文字轮廓里,字即画、画即字。
文字下半截垫一条荧光色,像用记号笔划过的重点。
标题拆成单字,每个字错开 40-70ms 依次上浮入场——高级感的入场标配。
标题上方的那行小字:大写、宽字距、品牌色,为下方大标题做预告。
段落第一个字放大下沉占两三行,杂志排版的经典开场仪式感。
左侧一道竖线 + 斜体金句 + 署名——把一句话从正文中"拎"出来。
text-wrap:balance 让标题两行一样长;pretty 消灭正文最后一行孤字。
浅粉底色的行内代码 + 深色圆角代码块 + 右上角复制按钮。
超大数字用 tabular-nums 等宽 + 紧字距,跳动时不抖、排版不散。
无衬线正文里,让关键词跳成衬线斜体—— editorial 味道立刻出来。