큐레이션 · 오픈 · 무료

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

단일 열 히어로 섹션, 2열 통계 그리드.

07

모션과 인터랙션

200msmicro

300mssmall

500msmedium

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

hover 시 색상 전환 · 미세한 배경 변화

링크와 버튼의 색상 전환 · 직접 내비게이션

08

컴포넌트

button 단색 기본(오랜지)과 고스트 보조(테두리가 있는 투명) 버튼.
card 넉넉한 패딩을 사용한 미세한 테두리 기반 카드.
chip 왼쪽 정렬된 컬러 도트가 있는 상태 표시 필.
hero 대담한 타이포그래피와 추상적인 와이어프레임 그래픽이 있는 전체 높이 다크 섹션.

09

보이스와 금지 목록

톤 권위적, 경험 많음, 직접적
헤드라인 자신감 있고 강렬하며 전략적으로 강조된 단어.
CTA 화살표 표시가 있는 명확하고 행동 지향적인 문구.

장난스러운 일러스트레이션 사용 금지 — 스크린샷은 세련되고 미니멀한 다크 인터페이스를 보여줍니다.
밝은 배경 사용 금지 — 스크린샷은 깊은 다크 네이비/블랙 배경을 보여줍니다.
무지개 그라디언트 사용 금지 — 스크린샷은 엄격히 제한된 2색 강조 팔레트를 사용합니다.
얇고 섬세한 타이포그래피 사용 금지 — 스크린샷은 대담하고 임팩트 있는 전시용 굵기를 보여줍니다.
과도한 테두리 사용 금지 — 스크린샷은 미세한 투명도 기반 경계를 사용합니다.
본문 텍스트를 중앙 정렬하지 않음 — 스크린샷은 깔끔하고 왼쪽 정렬된 읽기 칼럼을 보여줍니다.
피하기: 일반적인 유행어
피하기: 수동적 표현
피하기: 시각적 혼잡
피하기: 지나치게 장난스러운 요소
피하기: 밝은 다색 팔레트

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)를 혼합합니다. 핵심 디자인 제약 사항에는 장난스럽거나 공상적인 이미지 사용 금지, 밝은 모드 배경 사용 금지, 지나치게 장식적인 요소 사용 금지가 포함됩니다. 톤은 권위적이고 직접적이며, 서비스를 복잡한 변혁을 위한 엘리트 운영자 팀으로 포지셔닝합니다.

이 감각을 당신의 에이전트에

이 디자인의 기계 판독 가능한 사양——색상·타이포·모션까지——을 그대로 AI 에이전트에 전달하세요.

OpenDesign 스킬 ↗ · 이 팩 (에이전트용) ↗

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