← OpenDesign
CURATED · OPEN · FREE
Atlantistech
Elite operators for high-stakes organizational transformations.
SaaS Productivity Dark Mode Premium Bold Typography
01
Identity DNA
transformation ambition operators consequence summit
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
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
1280 container
12 columns
24px gutter
768 / 1024 breakpoints
Single-column hero, 2-column stats grid.
07
Motion & Interaction
200ms micro
300ms small
500ms medium
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
桌面首屏(hero) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 移动首屏 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.
More from the library
en · zh-CN · zh-TW · ja · ko
OpenDesign · curated web aesthetics for AI-readable design DNA · opendesign.cc
Why we curated this: This site is a perfect example of modern, premium SaaS design that balances technical authority with executive-level sophistication.