CURATED · OPEN · FREE

Anduril

A high-end defense and autonomy platform that uses cinematic photography and rigorous minimal typography to convey sovereign capability.

01

Identity DNA

A highly disciplined aerospace studio with an uncompromising visual standard.

02

Color

A high-contrast dark interface where the UI recedes entirely to let massive, cinematic photographic content take center stage.

03

Typography

humanist-sans · monospace

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

Use uppercase, monospaced tracking for technical labels. · Use tight negative letter-spacing for bold headlines. · Rely on a primary humanist sans-serif for all body text.

04

Spacing

Spacious 64px and 112px vertical padding between major content blocks to maintain a cinematic, uncluttered feel.

05

Surfaces

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

Layout

A full-width, edge-to-edge structural grid designed to prioritize large photographic assets and high-impact headlines.

07

Motion & Interaction

Smooth, slow entrance transitions for hero elements to establish a premium, measured tone. · Subtle 0.3s ease-out transitions for UI state changes like hover and focus.

Subtle color transitions (0.3s ease-out) on text elements and minimal scaling on interactive areas. · Immediate visual feedback followed by smooth page or section transitions.

08

Components

• button Clean text-based navigation with generous padding, transitioning to uppercase monospaced labels for secondary actions.
• card Edge-to-edge photographic containers with subtle hover states, emphasizing immersive visuals over UI decoration.
• chip Monospaced, uppercase, tracked-out technical labels (e.g., 'DESIGNED BY ANDURIL').
• input Minimal, borderless text fields that blend seamlessly into the dark background.
• hero A massive, viewport-spanning photographic background designed for maximum cinematic impact and narrative weight.

09

Voice & Don'ts

• Tone Authoritative, precise, and uncompromisingly professional.
• Headlines Short, high-impact, declarative statements that convey absolute capability.
• CTAs Direct, minimal, and action-oriented without unnecessary filler words.

• Don't use soft, rounded corners on primary UI elements — screenshot shows 2px border-radius instead.
• Don't rely on bright, multi-colored gradients — screenshot shows a stark, high-contrast dark interface.
• Don't use centered navigation layouts — screenshot shows a rigid, left-aligned structural hierarchy.
• Don't use small, crowded imagery — screenshot shows massive, edge-to-edge photographic assets.
• Don't use decorative icons or emojis — screenshot shows a strictly typographic and photographic approach.
• Don't use heavy, dark drop shadows — screenshot shows minimal or colored (lime) glows instead.
• Avoid: Avoid emojis or casual punctuation.
• Avoid: Avoid hyperbolic marketing buzzwords.
• Avoid: Avoid cluttered layouts or unnecessary visual noise.
• Avoid: Avoid playful or rounded design elements.

10

Inside the pack — real screenshots

Captured from the live site · real computed styles

11

System prompt

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