用途:这是一份面向 Web 与 App 的排版优先(Typography First)设计实现指南,核心主张是“文字即界面”,把文本作为绝对主视觉元素,尽量去除按钮框、卡片背景等 UI 装饰。资料说明它是 design-it 技能的子参考,不应被直接触发。
主要能力与视觉特征:超大字号的主标题被当作抽象图形元素使用;按钮和导航仅以文字呈现,无边框、无背景;支持文字移动、滚动或响应光标等动态排版。色彩主张极端高对比,纯黑白或深色背景配单一霓虹强调色,并提到 Midnight Luxury 效果较好。字体建议使用 Oswald、Anton、Bebas Neue 等冲击力强的展示字体或巨型衬线字体。布局常把巨型文字居中于视口并让边缘被裁切。
使用方式:Web 端依赖 vw、vh 单位让文字铺满屏幕,并用 -webkit-text-stroke 实现描边、用 hover 切换填充与描边效果。SwiftUI 中用 .fixedSize(horizontal: true, vertical: false) 与 .lineLimit(1) 强制文字溢出边缘,native 描边较难需用遮罩文字或细阴影变通。Flutter 用 FittedBox 配 BoxFit.cover 实现自动放大,并用 foreground: Paint()..style = PaintingStyle.stroke 做描边。React Native 用 Dimensions.get('window').width 动态计算极端字号,配合 numberOfLines={1} 与负外边距。Jetpack Compose 设置 softWrap = false 防止换行,并用 TextStyle(drawStyle = Stroke(...)) 原生支持描边。
适用场景与限制:适合追求文字主导、极简装饰的页面与移动端界面。资料明确其只是样式参考,不替代具体环境的验证、无障碍测试或专家评审;使用时应单独确认对比度与响应式行为。其他收费、平台或价格信息暂未提供。