OpenDesign·你的设计资产库

网页参考

Magic

Magic 致力于构建前沿代码模型,以自动化软件工程与研究。

AIDeveloper Tools
Magic 网站截图

01

设计气质 DNA

前沿 AI代码模型安全 AGI研究软件工程

专注于 AGI 的精英研究实验室。

02

色彩

#1C2024Ink
#FFFFFFBG
#60646CMuted
rgba(232, 232, 236, 1)Line

高对比度极简主义:纯净白色画布上的深炭墨色,辅以柔和灰色用于次要信息。

03

字体

grotesque-sans · humanist-sans · monospace

  • display46px · 400
  • body17px · 400
  • small13px · 400

04

间距

4px
8px
16px
24px
32px
48px
64px
96px

基于标准 4px 网格,辅以充足留白,营造通透的编辑感。

05

表面 (圆角 / 阴影 / 边线)

sm · 4px
md · 8px
lg · 12px
pill · 9999px

列表分隔线使用 1px solid rgba(232, 232, 236, 1)

06

布局

1280container
12columns
24pxgutter
768 / 1024breakpoints

英雄区采用双栏分割,职位列表采用单栏列表布局,配以水平分隔线。

07

动效与交互

220msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing

交互元素上的 hover 过渡效果

链接颜色或透明度微妙变化。 · 直接导航。

08

组件

  • button 极简文本链接配 chevron 图标,以细水平线分隔。
  • card 未见使用。
  • chip 未见使用。
  • input 未见使用。
  • hero 大字号排版宣言,顶部带有细微的彩色渐变网格背景。

09

文案语气与禁用清单

  • 语气 权威、技术化、使命驱动。
  • 标题风格 粗体、直接、聚焦使命。
  • 按钮文案 低调、专业、清晰。
  • 勿使用鲜艳的主色调——截图显示主要为单色调,仅顶部有细微渐变网格。
  • 勿为正文使用粗体——截图显示正文均使用常规(400)字重。
  • 勿为标题使用装饰性或衬线字体——截图显示为简洁现代的 grotesque-sans 无衬线字体。
  • 勿使用复杂卡片布局——截图显示为简单的线性列表布局。
  • 勿使用浓重投影——截图显示为完全扁平、无阴影的表面。
  • 勿使用带框按钮——截图显示为带 chevron 图标的简洁文本链接。
  • 避免: 术语
  • 避免: 过度热情
  • 避免: 营销流行语

10

包内真实截图

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

11

System Prompt

此设计为极简、使命驱动的 AI 研究着陆页。采用纯净白色背景(#FFFFFF)上的深炭墨色(#1C2024)单色调色板,顶部带有单一细微渐变网格。排版以现代无衬线字体为主,展示使用 grotesque-sans,正文使用 humanist-sans,全程保持常规 400 字重。布局宽裕且具有编辑感,运用充足留白与细水平线构建结构。关键约束:正文切勿使用粗体字重,避免复杂卡片式布局而采用线性列表,绝不引入高饱和度强调色——设计依赖深色墨迹与白色的高对比度产生冲击力。

把这份品味接进你的 Agent

把这套设计的机器可读规格——色彩、字体、动效,整套 DNA——直接交给你的 AI Agent。

OpenDesign 技能 ↗

复制给 Agent

参考链接与来源说明,可复制给 Agent。