精选 · 开放 · 免费

Getstark

自动化产品全生命周期数字无障碍访问合规的企业级SaaS平台。

SaaSProductivityDeveloper ToolsAIBold Typography
Getstark 网站截图
↓ 下载设计系统包 (15 MB)在 OpenDesign 中打开

原站: https://www.getstark.co

📦 浏览包内文件 →

01

设计气质 DNA

无障碍访问合规性自动化设计转代码基础设施

如同在后台静默运行的工业级无障碍访问引擎。

02

色彩

#FEDB63Accent
#000000Ink
#FFFFFFInk soft
#381FD1BG
#F6F6EBBG soft
#FAF5FFBG quiet
#10284BMuted
rgba(229, 231, 235, 1.0)Line

高对比度的紫黄配色传递活力与技术精确性。

03

字体

grotesque-sans · monospace

大号展示字重使用紧凑字距保持视觉整体性。 · 利用极端字重在有限背景上建立视觉层级。

04

间距

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

采用4与8的倍数确保对齐一致性。

05

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

sm · 4px
md · 6px
lg · 20px
pill · 999px

2px细边框搭配深蓝或主紫色强调色。

0 4px 12px rgba(0, 0, 0, 0.1)

06

布局

1280container
12columns
24pxgutter
768 / 1024breakpoints

居中栏主视觉配左对齐数据点与右浮动状态指示器。

07

动效与交互

150msmicro
200mssmall
400msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing

交互元素采用透明度与颜色过渡，营造平滑响应式体验。

按钮与链接的微妙颜色变化。 · 避免明显弹跳或缩放，依靠视觉状态变化。

08

组件

09

文案语气与禁用清单

10

包内真实截图

Getstark — 桌面首屏（hero）
桌面首屏（hero）
Getstark — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Getstark — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Getstark — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Getstark — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Getstark — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Getstark — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Getstark — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Getstark — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Getstark — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Getstark — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Getstark — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Getstark — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Getstark — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Getstark — 移动首屏
移动首屏

抓自真实页面 · 真 computed styles

11

System Prompt

本站点是专业的数字无障碍访问合规SaaS平台。采用深紫色（#381FD1）与亮黄色（#FEDB63）的活力高对比度配色，搭配米白色背景（#F6F6EB）。标题使用极端字重（900）的粗体grotesque-sans字体，正文采用标准字重。关键禁忌：不使用细体标题字重，不使用多种高饱和度强调色，标题不使用宽松字距。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗ · 本站 Agent 包 ↗

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