North Kingdom

一个展示交互式案例研究的数字艺术画廊，位于高端盾形标志之后。

以深邃的近乎纯黑为背景，搭配高对比度的白色排版，次要元素使用柔和的蓝灰色。

geometric-sans · humanist-sans · monospace

• display115px · 400
• body24px · 400

用于大尺寸、字间距紧凑的标题时，使用几何无衬线字体。 · 用于易读的正文和导航时，使用人文主义无衬线字体。 · 用于技术细节或元数据时，使用等宽字体。

基于 4px 基础单元的灵活间距，大型首屏区域使用显著的内边距。

1px solid rgba(255, 255, 255, 0.25)

rgba(0, 0, 0, 0.15) 0px 1px 2px 0px

全宽首屏区域，配有居中的 3D 多边形遮罩和极简导航。

元素进入视口时，使用平滑的 opacity 和 transform 过渡。 · 导航链接上有微妙的悬停效果。

交互元素上发生微妙的颜色或透明度变化。 · 反馈极简，通常会触发一次过渡或导航。

• button 基于文本的极简导航链接或幽灵按钮，具有微妙的过渡效果。
• card 交互式 3D 多边形项目展示区。
• chip 未突出使用。
• input 未突出使用。
• hero 大型、沉浸式的全屏区域，配有居中的 3D 视觉元素和大胆、字间距紧凑的排版。

• 语气 专业、自信且内敛。
• 标题风格 大胆、字间距紧凑且在视觉上占主导地位，通常用作主要焦点。
• 按钮文案 极简且以文本为中心，与导航或布局无缝融合。

• 不要使用鲜艳的强调色 —— 截图显示的是单色暗色调色板配白色文字。
• 不要使用装饰性衬线字体 —— 排版严格使用简洁的几何和人文主义无衬线字体。
• 不要用边框和方框使 UI 显得杂乱 —— 截图显示的是宽敞、无边框的布局。
• 不要对所有元素都使用圆角矩形 —— 首屏展示使用独特的多边形遮罩。
• 不要使用厚重的投影 —— 截图显示的是极简、柔和的海拔效果或完全没有。
• 不要使用明亮、高饱和度的背景 —— 截图显示的是深邃的近乎纯黑的暗黑模式。
• 避免: 过多的感叹号
• 避免: 花哨或过度装饰的排版
• 避免: 复杂的行话

历史提取与模型分析 · 尚未逐项校验