CURATED · OPEN · FREE

Atlantistech

Elite operators for high-stakes organizational transformations.

SaaSProductivityDark ModePremiumBold Typography

Atlantistech screenshot

↓ Download design system (13 MB)Open in OpenDesign

Visit: https://www.atlantistech.com

📦 Browse pack contents →

01

Identity DNA

transformationambitionoperatorsconsequencesummit

A seasoned mountain guide leading an expedition

02

Color

#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

High-contrast dark mode with vibrant orange for critical actions.

03

Typography

geometric-sans · humanist-sans

display56px · 700

04

Spacing

4px

8px

16px

24px

32px

48px

64px

96px

Consistent 4px grid with generous vertical padding.

05

Surfaces

sm · 4px

md · 8px

lg · 16px

pill · 999px

Subtle rgba(255,255,255,0.1) borders and 1px dividers.

06

Layout

1280container

12columns

24pxgutter

768 / 1024breakpoints

Single-column hero, 2-column stats grid.

07

Motion & Interaction

200msmicro

300mssmall

500msmedium

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

Hover color transitions · Subtle background shifts

Color transitions on links and buttons · Direct navigation

08

Components

button Solid primary (orange) and ghost secondary (transparent with border).
card Subtle border-based cards with generous padding.
chip Status pill with left-aligned colored dot.
hero Full-height dark section with bold typography and abstract wireframe graphic.

09

Voice & Don'ts

Tone Authoritative, experienced, direct
Headlines Confident and punchy with strategic word highlights.
CTAs Clear and action-oriented with arrow indicators.

don't use playful illustrations — screenshot shows a sophisticated, minimal dark interface
don't use a light background — screenshot shows a deep dark navy/black foundation
don't use rainbow gradients — screenshot uses a strictly limited two-color accent palette
don't use thin, delicate typography — screenshot shows bold, high-impact display weights
don't use excessive borders — screenshot uses subtle transparency-based edges
don't use centered text for body copy — screenshot shows clean, left-aligned reading columns
Avoid: Generic buzzwords
Avoid: Passive language
Avoid: Visual clutter
Avoid: Overly playful elements
Avoid: Bright multi-color palettes

10

Inside the pack — real screenshots

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

Captured from the live site · real computed styles

11

System prompt

Atlantis is a premium, high-stakes consultancy targeting executive leaders. Its design DNA is defined by a deep navy/black (#12151C) background and a vibrant orange (#F7931A) accent used for critical actions. Typography features a mix of geometric and humanist sans-serifs (Inter, Space Grotesk) to balance precision with approachability. Critical design constraints include: no playful or whimsical imagery, no light-mode backgrounds, and no overly decorative elements. The voice is authoritative and direct, positioning the service as an elite team of operators for complex transformations.

Bring this taste to your agent

Hand your AI agent a machine-readable spec of this design — tokens, type, motion, the whole DNA.

OpenDesign skill ↗ · This pack for agents ↗

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