Home

编辑类综合报纸风格的绿色房间场景

New Form 像是为网页重新构思的纸质财经大报：宏伟的衬线体与无衬线体标题主导页面，小型大写字母的微小标签构成导航，一种饱和霓虹绿如荧光笔般点亮其余单色画布。页面以排版为绝对主角；照片被处理为灰度、带双色调染色的矩形插页，打断文字流，而非悬浮在文字上方。布局宽敞，节奏接近编辑型杂志：超大号展示文字、充裕的呼吸空间，以及切换为近黑色并带绿色横带强调的页脚。按钮以柔软的胶囊形呈现，并带有绿色调阴影；其余 UI 仅保留文字和细线结构。

查看原始网站

使用规范

建议采用

首屏标题使用 PP Mondwest，字重 400、字号 165–295px，lineHeight 为 0.9，letterSpacing 为 -0.04em；紧致的字间距是文字具有印刷油墨质感的关键。
主要操作按钮使用 #2bee4b 填充色 + #93b799 绿色调阴影；切勿在强调按钮上使用灰色阴影
为每张摄影素材应用 grayscale + hue-rotate(80deg) 滤镜，使所有图像与页面保持同一色调体系。
保持画布背景为 #fafffa（温暖的骨白）——切勿使用纯 #ffffff，这种暖调是区别于普通 SaaS 面板的关键
使用 TWK Lausanne 11px / 550 大写，字间距 +0.01em，用于所有微标签、导航项和按钮——微字体在这里承担了界面外围元素的功能
将编辑类照片插图（半径 14px）浮动于显示文字行之间，而非以网格形式排列，呼应印刷排版
在页脚前以满幅 #2bee4b 条带作为页面的锚点，其功能相当于最终签名

建议避免

切勿引入第二个饱和强调色——页面整体为单色，仅以绿色为唯一色彩元素
切勿在主要操作按钮上使用圆润的胶囊形状（9999px）；5px 保持其锐利与矩形，契合编辑风格
切勿将正文文字字号设得大于 18px——设计依赖于 18px 正文与 96px 以上显示文字之间的尺寸差异来营造节奏感
切勿在卡片或内容区块上使用 box-shadow；层级感仅存在于绿色按钮上
切勿以全彩呈现照片——所有照片必须经过灰度转绿调过滤才能属于该系统
展示标题不要使用无衬线字体；Mondwest 与 Editorial New 的对比赋予页面编辑版面的声音。
内容宽度切勿超过 1400px——超大字号与宽敞画布共同营造出报纸般的视觉感受

新用户可任选一个模板免费领取，解锁全文与下载。

# Home — Style Reference
> editorial broadsheet in a green room
 
**Theme:** light
 
Source measurements are normalized; roles and recommendations are interpreted. Font summary lists are independent, not paired by position. HTML examples are reconstructions, not source components.
 
New Form reads like a printed financial broadsheet reimagined for the web: monumental serif and grotesque headlines dominate the page, small-caps micro-labels run the navigation, and a single saturated neon green acts as a highlighter pen over an otherwise monochrome canvas. The page is overwhelmingly typographic — photographs are treated as grayscale, duotone-tinted rectangular inserts that interrupt the text flow rather than float above it. The layout is spacious and almost editorial-magazine in its rhythm: oversized display type, generous breathing room, and a footer that flips to near-black with green band accents. Buttons are pill-soft with green-tinted shadows; the rest of the UI stays stripped back to type and hairline structure.

当前仅展示前 8 行

把这份设计语言带进项目

购买后可查看、复制完整规范，并下载包含 DESIGN.md、Tailwind、CSS、设计 Token 与 Agent 说明的 ZIP。

Home

使用规范

建议采用

建议避免

相似设计语言

Readymag

Home

Raw Materials

Midday

PencilBooth

Alt–Border