Weswwim

一家融合战略数据与趣味化、表现力设计的创意代理机构，让品牌轻松脱颖而出。

以单色蓝调为主导，搭配白色字体，形成高对比度与大胆的视觉冲击。

grotesque-sans · humanist-sans

• display100px · 900
• h248px · 800
• body16px · 400

标题字体需极为粗重，字间距紧凑。 · 正文字体在深色背景上需保持清晰易读。

大型字体区块与内容板块之间需保持充裕的垂直间距。

采用细白线作为章节分隔。

不对称的重叠式布局，包含大型文本区块与悬浮图像元素。

静态布局，可考虑视差滚动或简单的滚动显示效果。

交互元素具有细腻的色彩变化或下划线动画。 · 提供即时视觉反馈。

• button 采用白色文字的药丸形轮廓按钮。
• card 无明显边框的图像卡片，悬浮于蓝色背景之上。
• chip 用于服务展示的水平滚动或固定文本条。
• hero 集成图像与装饰性曲线的超大、紧凑排列的字体式首屏。

• 语气 趣味、自信且专业。
• 标题风格 大胆、肯定且富有韵律。
• 按钮文案 直接且注重行动号召。

• 避免使用纤细、精致的字体——截图显示的是极其粗重的黑体字体。
• 避免使用主导性色彩——截图显示的是强烈的单色蓝主题。
• 避免使用复杂、多层的UI组件——截图依赖于简洁的布局与字体。
• 避免使用居中、对称的布局——截图采用的是不对称、重叠的排列方式。
• 避免添加厚重的投影——截图采用的是平面化、基于表面的美学风格。
• 避免使用狭小、拥挤的间距——截图显示的是充裕的垂直节奏。
• 避免: 企业术语
• 避免: 过于复杂的句子
• 避免: 柔和的色彩组合