精选 · 开放 · 免费

Squadeasy

一个温暖、充满活力的员工参与平台，利用动态摄影和大胆排版来促进连接。

ConsumerFriendlyMobile UIApp UIWarm
Squadeasy 网站截图
↓ 下载设计系统包 (14 MB)在 OpenDesign 中打开

原站: https://www.squadeasy.com

📦 浏览包内文件 →

01

设计气质 DNA

员工参与平易近人动态连接温暖

一个友好的社区公告板，上面有鲜艳、重叠的照片和大胆、鼓舞人心的信息。

02

色彩

#FF5A8FAccent
#000000Ink
#666666Ink soft
#E1C19EBG
rgba(0,0,0,0.12)Line

温暖而充满活力的调色板，强调人际连接和亲和力。

03

字体

grotesque-sans · humanist-sans

所有主要标题均使用大写字母 · 主要展示文本使用极高字重 (900) · 大标题使用紧凑的字间距 (-2px)

04

间距

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

宽裕的内边距 (40px 24px 140px 24px) 为大块内容区域创造呼吸空间。

05

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

sm · 4px
md · 14px
lg · 100px
pill · 100px

活动元素上的 1px 实线黑色边框

rgba(0, 0, 0, 0.12) 0px 1.52px 8px 0px

06

布局

1280container
12columns
24pxgutter
768 / 1024breakpoints

全宽主区域，包含重叠、旋转的图片和居中的文本

07

动效与交互

220msmicro
400mssmall
800msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing

图片旋转的 transform 动画 (0.2s) · 区域显示的透明度淡入淡出 (0.4s - 0.8s)

交互元素的缩放 transform · 即时视觉反馈

08

组件

09

文案语气与禁用清单

10

包内真实截图

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

抓自真实页面 · 真 computed styles

11

System Prompt

一个温暖、充满活力的员工参与平台，利用动态摄影和大胆排版来促进连接。关键色彩包括温暖的米色 (#E1C19E) 背景、黑色 (#000000) 排版、充满活力的粉色 (#FF5A8F) 点缀和霓虹黄 (#E4FF60) 高光。排版方面，展示文本使用超粗体 grotesque-sans，字间距紧凑；正文内容使用简洁的 humanist-sans。关键设计规则：拥抱重叠、旋转的图片以营造有机感；使用极高字重以获得最大冲击力；保持宽裕的间距和呼吸空间；避免冰冷的企业美学、纤细字体、僵化网格布局、狭小局促的间距、微妙按钮，并避免使用人物摄影。系统强调热情、鼓舞人心的沟通方式，以及面向行动的 CTA。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗ · 本站 Agent 包 ↗

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