큐레이션 · 오픈 · 무료

Anduril

시네마틱 사진과 엄격한 미니멀 타이포그래피를 사용하여 주권적 역량을 전달하는 하이엔드 국방 및 자율 플랫폼.

01

디자인 DNA

타협 없는 시각적 기준을 가진 고도로 규율 잡힌 항공우주 스튜디오.

02

컬러

대형 시네마틱 사진 콘텐츠가 중심이 되도록 UI가 완전히 물러나는 고대비 다크 인터페이스.

03

타이포그래피

humanist-sans · monospace

• display56px · 500
• subheading24px · 500
• body15px · 400
• caption12px · 400

기술 레이블에는 대문자 모노스페이스 트래킹을 사용합니다. · 굵은 헤드라인에는 좁은 음수 자간을 사용합니다. · 모든 본문 텍스트에는 기본 humanist sans-serif에 의존합니다.

04

여백

시네마틱하고 지저분하지 않은 느낌을 유지하기 위해 주요 콘텐츠 블록 사이에 넓은 64px 및 112px 수직 패딩.

05

표면 (라운드 / 그림자 / 경계선)

1px solid rgba(255,255,255,0.12)

rgb(223, 241, 64) 0px 0px 10px 0px · rgb(223, 241, 64) 0px 0px 5px 0px

06

레이아웃

대형 사진 자산과 강렬한 헤드라인을 우선시하도록 설계된 전체 폭의 엣지투엣지 구조 격자.

07

모션과 인터랙션

히어로 요소를 위한 부드럽고 느린 등장 전환으로 프리미엄级이고 절제된 톤을 확립합니다. · hover 및 focus와 같은 UI 상태 변화를 위한 은은한 0.3초 ease-out 전환.

텍스트 요소에 대한 은은한 색상 전환(0.3초 ease-out) 및 상호작용 영역에 대한 최소한의 스케일링. · 즉각적인 시각적 피드백 후 부드러운 페이지 또는 섹션 전환.

08

컴포넌트

• button 여유로운 패딩을 가진 깔끔한 텍스트 기반 내비게이션으로, 보조 작업에는 대문자 모노스페이스 레이블로 전환됩니다.
• card 미묘한 hover 상태를 가진 엣지투엣지 사진 컨테이너로, UI 장식보다 몰입형 시각效果를 강조합니다.
• chip 모노스페이스, 대문자, 트래킹된 기술 레이블(예: 'DESIGNED BY ANDURIL').
• input 다크 배경에 자연스럽게 녹아드는 최소한의 보더 없는 텍스트 필드.
• hero 최대의 시네마틱 임팩트와 내러티브 무게를 위해 설계된 뷰포트 전체를 가리는 대형 사진 배경.

09

보이스와 금지 목록

• 톤 권위 있고, 정확하며, 타협 없는 전문성.
• 헤드라인 절대적 역량을 전달하는 짧고 강렬한 선언문.
• CTA 불필요한 단어 없이 직접적이고, 최소한이며, 행동 지향적.

• 기본 UI 요소에 부드럽고 둥근 모서리를 사용하지 마세요 — 스크린샷에서는 2px border-radius를 보여줍니다.
• 밝고 다채로운 그래디언트에 의존하지 마세요 — 스크린샷에서는 선명하고 고대비의 다크 인터페이스를 보여줍니다.
• 중앙 정렬된 내비게이션 레이아웃을 사용하지 마세요 — 스크린샷에서는 엄격한 왼쪽 정렬 구조 계층을 보여줍니다.
• 작고 밀집된 이미지를 사용하지 마세요 — 스크린샷에서는 대형 엣지투엣지 사진 자산을 보여줍니다.
• 장식용 아이콘이나 이모지를 사용하지 마세요 — 스크린샷에서는 엄격히 타이포그래피와 사진 기반 접근 방식을 보여줍니다.
• 무겁고 어두운 드롭 섀도우를 사용하지 마세요 — 스크린샷에서는 최소한 또는 (라임)색상의 글로우를 대신 보여줍니다.
• 피하기: 이모지나 캐주얼한 문장을 피합니다.
• 피하기: 과장된 마케팅 용어를 피합니다.
• 피하기: 지저분한 레이아웃이나 불필요한 시각적 노이즈를 피합니다.
• 피하기: 장난스럽거나 둥근 디자인 요소를 피합니다.

10

팩 안의 실제 스크린샷

실제 페이지에서 캡처 · 실 computed styles

11

System Prompt

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