精選 · 開放 · 免費

Atlantistech

專為高風險組織轉型而生的精英操盤團隊。

SaaSProductivityDark ModePremiumBold Typography

Atlantistech 網站截圖

↓ 下載設計系統包 (13 MB)在 OpenDesign 中開啟

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

📦 瀏覽包內檔案 →

01

設計氣質 DNA

轉型雄心操盤手影響力頂峰

帶領探險隊的資深登山嚮導

02

色彩

#F7931AAccent

#FFFFFFInk

rgba(255,255,255,0.7)Ink soft

#12151CBG

rgba(255,255,255,0.5)Muted

rgba(255,255,255,0.1)Line

採用高對比暗色模式，並以鮮明橙色突顯關鍵操作。

03

字型

geometric-sans · humanist-sans

display56px · 700

04

間距

4px

8px

16px

24px

32px

48px

64px

96px

一致的 4px 網格系統，搭配寬裕的垂直內距。

05

表面 (圓角 / 陰影 / 邊線)

sm · 4px

md · 8px

lg · 16px

pill · 999px

採用細微的 rgba(255,255,255,0.1) 邊框與 1px 分隔線。

06

版面

1280container

12columns

24pxgutter

768 / 1024breakpoints

單欄主視覺，雙欄數據網格。

07

動效與互動

200msmicro

300mssmall

500msmedium

cubic-bezier(0.25, 0.1, 0.25, 1.0)easing

Hover 色彩過渡 · 細微背景變化

連結與按鈕的色彩過渡 · 直接導覽

08

組件

button 實心主色按鈕（橙色）與幽靈次要按鈕（透明帶邊框）。
card 帶有細微邊框的卡片，內距寬裕。
chip 狀態膠囊，左側帶有彩色圓點。
hero 全高深色區塊，搭配粗體字型與抽象線框圖形。

09

文案語氣與禁用清單

語氣權威、經驗豐富、直接
標題風格 自信有力，並運用策略性詞彙強調。
按鈕文案 清晰且以行動為導向，搭配箭頭指示。

勿使用俏皮插畫——截圖顯示的是精緻、極簡的深色介面
勿使用淺色背景——截圖顯示的是深沉的海軍黑/黑色基底
勿使用彩虹漸層——截圖採用嚴格限制的雙色強調調色盤
勿使用纖細字型——截圖顯示的是粗體、高視覺衝擊的展示字重
勿使用過多邊框——截圖採用細微的半透明邊緣處理
勿將內文置中對齊——截圖顯示的是簡潔的左對齊閱讀欄位
避免: 泛泛流行語
避免: 被動語態
避免: 視覺雜亂
避免: 過度俏皮元素
避免: 鮮豔多色調色盤

10

包內真實截圖

Atlantistech — 桌面首屏（hero） — 桌面首屏（hero）

Atlantistech — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Atlantistech — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Atlantistech — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Atlantistech — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Atlantistech — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Atlantistech — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Atlantistech — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Atlantistech — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Atlantistech — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Atlantistech — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Atlantistech — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Atlantistech — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Atlantistech — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Atlantistech — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Atlantistech — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Atlantistech — 移动首屏 — 移动首屏

擷取自真實頁面 · 真 computed styles

11

System Prompt

Atlantis 是一家面向企業高階主管的高端、高風險顧問公司。其設計 DNA 以深海軍黑 (#12151C) 背景與鮮明橙色 (#F7931A) 強調色（用於關鍵操作）為核心。字型採用幾何與人文無襯線體（Inter, Space Grotesk）的混合搭配，以在精確性與親和力間取得平衡。關鍵設計限制包括：避免使用俏皮或奇幻圖像、不採用淺色模式背景，以及避免過度裝飾元素。語氣權威直接，將服務定位為處理複雜轉型的精英操盤團隊。

把這份品味接進你的 Agent

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

OpenDesign 技能 ↗ · 本站 Agent 包 ↗

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