精选 · 开放 · 免费

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网格，配合充足的垂直padding。

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

链接和按钮的颜色过渡 · 细微的背景变化

链接和按钮的颜色过渡 · 直接导航

08

组件

button 实心主按钮（橙色）和幽灵次按钮（透明带边框）。
card 使用细微边框的卡片，配合充足的padding。
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 是一家面向高管客户的高端、高风险咨询公司。其设计基因由深海军蓝/黑色（#12151C）背景和用于关键操作的活力橙色（#F7931A）强调色定义。排版融合了几何与人文无衬线字体（Inter, Space Grotesk），以平衡精确性与亲和力。关键的设计约束包括：不使用活泼或异想天开的图像，不使用浅色模式背景，不使用过于装饰性的元素。其语调权威而直接，将服务定位为应对复杂转型的精英操盘手团队。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗ · 本站 Agent 包 ↗

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