OpenDesign·你的设计资产库

网页参考

Atlantistech

为高风险组织转型提供的精英操盘手服务。

SaaSProductivityDark ModePremiumBold Typography
Atlantistech 网站截图

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 — 移动首屏
移动首屏

历史提取与模型分析 · 尚未逐项校验

11

System Prompt

Atlantis 是一家面向高管客户的高端、高风险咨询公司。其设计基因由深海军蓝/黑色（#12151C）背景和用于关键操作的活力橙色（#F7931A）强调色定义。排版融合了几何与人文无衬线字体（Inter, Space Grotesk），以平衡精确性与亲和力。关键的设计约束包括：不使用活泼或异想天开的图像，不使用浅色模式背景，不使用过于装饰性的元素。其语调权威而直接，将服务定位为应对复杂转型的精英操盘手团队。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

参考链接与来源说明，可复制给 Agent。