精選 · 開放 · 免費

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

圖片旋轉使用變換動畫 (0.2s) · 區塊揭示使用透明度漸隱 (0.4s - 0.8s)

互動元素使用縮放變換 · 立即的視覺回饋

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。關鍵設計原則：採用重疊、旋轉的圖片以注入有機活力；使用極粗的字體排印以達到最大衝擊力；維持充裕的間距與呼吸空間；避免冰冷的企業美學、細薄字型、僵化網格佈局、狹小擁擠的間距、柔和按鈕，並避免使用人物攝影。此系統強調熱情、鼓舞人心的溝通，並搭配導向行動的行動呼籲。

把這份品味接進你的 Agent

把這套設計的機器可讀規格——色彩、字體、動效，整套 DNA——直接交給你的 AI Agent。

OpenDesign 技能 ↗ · 本站 Agent 包 ↗

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