Meganperkins

设计师的个人工作室展示

充满活力的多色渐变作为主要背景，为高对比度的深色字体奠定了大胆而富有表现力的基础。

geometric-sans

• display160px · 500
• body16px · 400

主标题使用大号、几何无衬线字体，字间距紧凑。 · 小号文字使用同一几何无衬线字体族的较轻字重。

布局使用大量留白，将内容推向边缘和顶部，由大号展示字体锚定，形成强烈的垂直韵律。

无可见边框或圆角；设计依赖渐变背景和字体来构建结构。

非对称、满屏布局。小号文字锚定于左上角，而巨大的展示字体则主导右上区域。

渐变背景可能带有微妙、缓慢的动画或位移效果。

小型文字链接在 hover 时可能有微妙的颜色变化或下划线效果。 · 标准的链接导航。

• button 无传统按钮可见；导航由小型、朴素的文本链接组成。
• card 此主视觉视图中无卡片可见。
• chip 无标签组件可见。
• input 无输入框可见。
• hero 一个满屏的主视觉区域，以充满活力的渐变背景、锚定于角落的小号文字以及巨大、超大号的展示字体为主导。

• 语气 直接、自信、极简。
• 标题风格 字体尺寸极大、粗体、字间距紧凑，形成强烈的视觉声明。
• 按钮文案 低调的小号文本链接，置于边缘位置。

• 不要使用小号、居中的标题——截图显示一个巨大的、左对齐的展示字体主导了整个视口。
• 不要使用纯白或纯色背景——截图显示的是充满活力的多色渐变作为主要表面。
• 不要使用复杂的导航栏——截图显示的是简单的、锚定在角落的小号文本链接。
• 不要使用投影或卡片边框——截图显示的是扁平化设计，无可见阴影或带边框的组件。
• 不要使用圆角——截图显示的是锐利、无边框的设计美学。
• 不要使用多种强调色——截图依赖渐变本身，没有单独的高饱和度强调色。
• 避免: 杂乱
• 避免: 小号标题文字
• 避免: 复杂的导航菜单
• 避免: 边框与分隔线