精选 · 开放 · 免费
Magic
Magic 致力于构建前沿代码模型，以自动化软件工程与研究。
aidev
01
设计气质 DNA
前沿 AI代码模型安全 AGI研究软件工程
专注于 AGI 的精英研究实验室。
02
色彩
#1C2024Ink
#FFFFFFBG
#60646CMuted
rgba(232, 232, 236, 1)Line
高对比度极简主义：纯净白色画布上的深炭墨色，辅以柔和灰色用于次要信息。
03
字体
grotesque-sans · humanist-sans · monospace
- display
46px · 400 - body
17px · 400 - small
13px · 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
包内真实截图
桌面首屏（hero）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
移动首屏抓自真实页面 · 真 computed styles
11
System Prompt
此设计为极简、使命驱动的 AI 研究着陆页。采用纯净白色背景（#FFFFFF）上的深炭墨色（#1C2024）单色调色板，顶部带有单一细微渐变网格。排版以现代无衬线字体为主，展示使用 grotesque-sans，正文使用 humanist-sans，全程保持常规 400 字重。布局宽裕且具有编辑感，运用充足留白与细水平线构建结构。关键约束：正文切勿使用粗体字重，避免复杂卡片式布局而采用线性列表，绝不引入高饱和度强调色——设计依赖深色墨迹与白色的高对比度产生冲击力。
en · zh-CN · zh-TW · ja · ko