Danilo Rodrigues
近黑色基底、大字排版与单栏阅读排版。
NEON Rated
白色基底、胶囊形控件与紧密字距。
页面以白色为基底，搭配近黑色文字。字体采用 Flatspot、Girott。视觉特点包括胶囊形控件、紧密字距、细线分隔、大字排版。适合参考的场景：内容网站首页、编辑专题页。
查看原始网站使用规范
建议采用
- 使用 #821e1 专用于品牌标识栏、上映日期标签和激活的分页导航——切勿用作按钮或卡片的背景填充。
- 主标题使用 Girott 字体，字号 36px 或更大，行高 0.80 至 0.90，字间距 -0.030em 至 -0.031em；切勿将 Girott 字号设于 36px 以下，也切勿在正文内容中使用 Girott 字体。
- 为每部影片卡片和按钮添加 1px #e5e7eb 边框；卡片使用 8px 圆角，按钮或输入框使用 4px 圆角——这两个数值构成整个圆角语言体系。
- 让电影摄影提供全部视觉张力——切勿添加装饰性渐变、背景图案或文本后置插画。
- 保持界面单色，除品牌标识栏外：默认文本为 #000000 在 #ffffff 或 #f3f3f3 背景上，图标继承文本颜色，唯一有色彩的强调是 #821e1，仅在品牌关键时刻出现。
- 随着字号减小，字间距需相应收紧：9-10px 时为 -0.012em，12px 时为 -0.011em，14-16px 时为 -0.010em。这种反比关系是核心特征——切勿统一为单一字间距值。
- 保持紧凑间距：元素间距 10px，卡片内边距 20px，主要区块之间至少 120px 的间距，以确保影片卡片有呼吸空间。
建议避免
- 切勿引入额外的强调色。系统为单色加深红；任何第二色彩都会削弱海报画廊的氛围感。
- 切勿使用 box-shadow 或 drop-shadow 来实现层级感。深度来自 1px 银色边框和电影摄影本身，而非 CSS 阴影堆叠。
- 不要将正文文字设置得大于16px或小于9px — Flatspot是仅在该范围内的主力字体。
- 切勿在同一行中混合使用两种字体。Flatspot 负责除展示时刻外的所有内容；Girott 仅用于展示时刻。
- 切勿对正文或章节标题进行居中对齐。NEON 采用左对齐的编辑风格——所有文本块、按钮和标签均从同一垂直轴开始。
- 切勿在标准组件上超出 8px 的圆角。80-100px 的胶囊形（胶囊形）仅用于徽章和标签叠加层。
- 切勿在悬停时对颜色进行动画或过渡。仅保留矢车菊蓝色 box-shadow 阴影光晕作为交互反馈——添加颜色变化、下划线或变换将破坏静态海报的美学风格。
