精选 · 开放 · 免费

Earlydog

活泼、几何化的 SaaS 品牌形象，通过加粗排版和抽象形状，让云基础设施更具人文温度。

01

设计气质 DNA

一个用于云运营的数字包豪斯工作室

02

色彩

高对比度几何配色方案：暖色奶油基底搭配主色点缀

03

字体

geometric-sans · humanist-sans · monospace

• display116px · 700
• display-md80px · 700
• body18px · 400

04

间距

慷慨的垂直留白，版块内边距为 120px-128px

05

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

按钮采用 1px solid rgba(0, 6, 9, 0.1) 边框，激活状态采用 3px solid 边框

06

布局

全出血英雄区，采用文字/图形非对称分割

07

动效与交互

全局应用 transition: all

交互元素具有微妙的状态变化 · 即时响应

08

组件

• button 胶囊形轮廓按钮，配以粗黑边框和加粗文字
• card 不适用 - 布局使用图形构成而非传统卡片
• chip 不适用
• input 不适用
• hero 大型分割布局，包含两行加粗标题和几何图形构成

09

文案语气与禁用清单

• 语气 专业且平易近人
• 标题风格 加粗、直接、聚焦于益处
• 按钮文案 简洁的胶囊按钮搭配清晰的动作动词

• 避免使用深色背景 — 截图显示的是暖奶油色 (#FFF9F0) 基底
• 避免使用衬线字体 — 截图显示的是几何与人文无衬线字体
• 避免使用带投影的圆角卡片 — 截图显示的是无阴影的扁平几何构成
• 避免使用柔和、低饱和度的颜色 — 截图显示的是高饱和度的主色点缀（蓝、橙、黄）
• 避免使用渐变背景 — 截图显示的是纯色平涂和几何形状
• 避免使用纤细、轻盈的字体 — 截图显示的是加粗 700 字重、紧缩字距的标题
• 避免使用标准矩形按钮 — 截图显示的是带有粗黑边框的胶囊形按钮
• 避免: 充满术语的语言
• 避免: 暗色模式美学
• 避免: 照片级写实图像

10

包内真实截图

抓自真实页面 · 真 computed styles

11

System Prompt

en · zh-CN · zh-TW · ja · ko