Rubenmeines

为一个创意开发者的作品集准备的清晰、技术性的蓝图。

在纯白背景上使用高对比度的主色蓝和红色点缀，以实现清晰、直接的沟通。

monospace · sans-serif

• display48px · 400
• body16px · 400
• label14px · 400

等宽字体用于大号展示文本和正文，营造统一的技术美感。 · 无衬线字体仅用于次要信息。 · 字重保持常规400，以呈现干净、低调的感觉。

卡片容器内和主要区域周围宽裕的内边距，创造出既有结构感又显通透的布局。

1px solid rgba(0, 0, 238, 0.3) 用于容器和分隔线。

单列布局，为功能卡片扩展为两列网格。

静态布局，截图中没有可见的动效。

考虑到纯文本样式，文本链接在悬停时很可能显示下划线。 · 标准链接导航。

• button 未观察到标准按钮；链接样式为纯文本。
• card 一个带有细蓝色边框的简单容器，用于分组内容区域。
• chip 未观察到标签组件。
• input 此视图中未观察到表单输入。
• hero 一个大型的两栏主视觉区域，包含一幅风格化的单色肖像和一个醒目的标题。

• 语气 专业、自信且直接。
• 标题风格 大号、等宽、直接，强调清晰度和技术能力。
• 按钮文案 没有独立的CTA按钮；行动号召以纯文本链接形式集成（例如 'hello@rubenmeines.com'）。

• 不要使用渐变——截图显示的是扁平、纯色的填充。
• 不要使用圆角——截图显示所有容器均为锐利、方正的直角。
• 不要使用投影——截图显示的是基于边框的扁平化层次。
• 不要使用多色调色板——截图显示的是严格的双色（蓝、红）加白色方案。
• 不要为一级标题使用无衬线字体——截图对所有主要文本均使用等宽字体。
• 不要使用粗重的字重——截图整体保持一致的常规字重。
• 避免: 堆砌术语的语言
• 避免: 过于俏皮或随意的语气
• 避免: 复杂的视觉隐喻