Niccolomiranda

一个高端设计杂志或报纸布局的数字作品集。

高对比度、纸质色调的编辑风格调色板，使用单一的烧橙色作为强调。

didone-serif

• display122px · 300
• heading64px · 300
• subhead31px · 300
• body17px · 400

所有展示和标题尺寸均采用紧凑的字间距。 · 展示和副标题标记保持严格的全大写转换。 · 利用高对比度的 Didone 衬线字体，营造精致的印刷质感。

版块之间采用充足的垂直间距，呼应印刷品的页边距。

采用微妙的 1px 实线边框来划分布局区域和框定图像。

rgba(29, 29, 27, 0.2) -4px 4px 6px 0px

一个基于网格的布局，在移动端垂直堆叠，在桌面端则使用多栏报纸式网格。

链接和交互元素在 hover 状态下平滑过渡。 · 图像卡片在滚动或 hover 时发生变换。

项目卡片发生微妙的颜色偏移和缩放变换。 · 通过快速变换或不透明度变化来指示激活状态。

• button 极简的，通常基于文本并带有 hover 过渡，表现为简单的下划线文本或药丸形按钮。
• card 由细边框或充足的内边距框定，具有大尺寸图像和醒目的 Didone 字体标题。
• chip 小型药丸形标签（例如“新”），采用独特的烧橙色背景。
• input 干净、极简的样式，带有微妙的下划线或边框。
• hero 采用巨大、充满屏幕的字体和全宽图像。

• 语气 自信、专业，且充满艺术驱动力。
• 标题风格 直接、有力，且通常采用全大写。
• 按钮文案 微妙且融入整体，通常表现为简单的链接。

• 不要使用圆形、泡泡状的形状——截图显示为尖锐的边角和最小的圆角。
• 不要使用明亮的霓虹色——截图使用柔和的大地色调，搭配一个烧橙色点缀。
• 不要为标题使用无衬线字体——截图所有字体排印均使用高对比度的 Didone 衬线字体。
• 不要为每个元素都添加投影——截图仅在少数特定卡片上使用以营造微妙的深度感。
• 不要为标题使用宽松、开放的字间距——截图显示为非常紧凑、压缩的字间距。
• 不要对长段落使用居中对齐——截图使用左对齐或两端对齐以提高可读性。
• 避免: 过度的专业术语或过于技术化的语言。
• 避免: 通用的、模板化的问候语。
• 避免: 杂乱或拥挤的界面元素。