Tuple
近白色基底、等宽文字标注与产品图像展示。
Videoconferencia
白色基底、紧密字距与摄影展示。
页面以白色为基底，搭配深蓝色文字。字体采用 Segoe UI Variable Text、Segoe UI Variable Display。视觉特点包括紧密字距、摄影展示、居中构图、网格布局。适合参考的场景：摄影作品集、视觉内容展示页。
查看原始网站使用规范
建议采用
- 仅使用#5d5bd4作为主要CTA按钮和活动导航指示器的颜色 —— 从不用于装饰性色彩填充或背景。
- 所有卡片容器应用24px圆角；所有按钮、徽章和输入控件应用8px圆角。容器与控件之间禁止混合使用这两种圆角值。
- 在标题大于32px时，使用Segoe UI Variable Display 600字重；始终搭配负字间距：20-24px时为−0.025em，32px时为−0.015em，48px及以上时为−0.01em。
- 所有区块分类标签（例如 NOTICIAS DESTACADAS）使用 Segoe UI Variable Text，字重 600、字号 12px，letterSpacing=+0.08em、color=#17253d；全大写字间距仅用于图注尺度，不能用于标题。
- 通过双层阴影提升白色卡片的立体感：rgba(0,0,0,0.12) 0px 0px 2px 0px，rgba(0,0,0,0.14) 0px 2px 4px 0px —— 除此之外禁止使用其他阴影值。
- 仅将Microsoft 蓝（#0067b8）用于超链接和信息图标填充 —— 严禁出现在 CTA 按钮上，CTA 按钮必须专属使用 Teams 紫罗兰色（#5d5bd4）。
- 保持卡片表面的近白色（#fefefe）与纯白色页面（#ffffff）区分，以确保基于阴影的立体感能正确读取。
建议避免
- 任何元素的圆角值禁止在8px与24px之间使用 —— 设计系统直接从控件级（8px）跃迁至容器级（24px），中间无过渡，仅200px的胶囊形元素例外。
- 不得将 Teams 紫罗兰色（#5d5bd4）用于文本、边框或装饰元素 —— 该颜色仅出现在按钮的 backgroundColor 以及激活状态指示器中。
- 禁止在正文或标题文本中使用纯黑色（#000000） —— 所有文本使用#17253d（墨蓝）或#0e1726（深渊蓝），保留配色中的蓝色调温暖感。
- 禁止在单个组件中使用超过两种紫罗兰家族色彩（例如#5d5bd4 + #333275 + #424197） —— 仅限主填充色和一个悬停/聚焦状态。
- 禁止使用垂直偏移超过4px或不透明度超过0.15的阴影 —— 立体感系统本意是近乎不可见的。
- 不要在任何显示尺寸下将标题的 letterSpacing设置为0或正值——所有大于14px的尺寸都必须使用负值字间距。
- 不要将Segoe UI（系统回退字体）用于任何设计的UI元素——它仅保留用于浏览器原生和操作系统渲染的场景；所有明确的文本必须使用Segoe UI Variable Text或Display字体。
