CURATED · OPEN · FREE

Unseen Studio

A minimalist creative agency with a playful, observant identity.

agencyeditorial

↓ Download design system (0 MB)Open in OpenDesign

Visit: https://unseen.co

📦 Browse pack contents →

Identity DNA

PlayfulMinimalUnseenObservant

A clean, creative agency with a playful edge

Color

#212121Ink

#424242Ink soft

#F1EDEBBG

#FAF6F4BG soft

#EFEDE9BG quiet

#D6D6D6Muted

rgba(33, 33, 33, 1)Line

Soft, warm neutrals grounded by high-contrast black text.

Typography

didone-serif · grotesque-sans

display90px · 400
body14px · 400

Body font is Neue Montreal, a clean grotesque sans-serif. · Display font is Saol Display, an elegant transitional serif. · Titles are frequently uppercase with tight tracking. · Body text has a slightly negative letter-spacing for a clean look.

Spacing

4px

8px

16px

24px

32px

48px

64px

96px

Generous whitespace around core elements, creating a focused, uncluttered layout.

Surfaces

sm · 4px

md · 8px

lg · 24px

pill · 999px

Thin, 1px solid borders in dark tones for subtle definition.

Layout

1280container

12columns

24pxgutter

768 / 1024breakpoints

Centered, single-column layout for the splash screen with ample vertical rhythm.

Motion & Interaction

220msmicro

400mssmall

1000msmedium

cubic-bezier(0.16, 1, 0.3, 1)easing

Smooth, ease-out transitions for interactive elements. · Elongated transforms for primary page transitions.

Subtle scale or color transition on interactive elements. · Smooth transition to the main content upon entering the site.

Components

button Minimalist pill-shaped button with white background, black text, and subtle shadow.
card Not applicable in the current view.
chip Not applicable in the current view.
input Not applicable in the current view.
hero Centered content block featuring a playful illustrated logo, headline, description, and a single call-to-action.

Voice & Don'ts

Tone Professional yet playful and observant.
Headlines Direct, confident, and often presented in uppercase.
CTAs Simple, action-oriented commands like 'Enter'.

Don't use a stark white background — screenshot shows a soft, warm beige/off-white.
Don't use a purely monochrome palette — screenshot shows a warm, desaturated pinkish-beige.
Don't use a serif font for all body copy — screenshot shows a sans-serif (Neue Montreal) for body text.
Don't use sharp, rectangular corners — screenshot shows rounded, pill-shaped buttons.
Don't use heavy drop shadows — screenshot shows a subtle, soft shadow on the 'Enter' button.
Don't clutter the initial view — screenshot shows a single, centered column of content with vast empty space.
Avoid: Overly corporate or sterile language.
Avoid: Dense blocks of text without visual breathing room.
Avoid: Complex or cluttered navigation on initial entry.

Inside the pack — real screenshots

Unseen Studio — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Captured from the live site · real computed styles

System prompt

Unseen Studio is a creative agency with a minimalist, observant, and slightly playful identity. The visual system uses a soft, warm neutral background (#F1EDEB) with high-contrast black (#212121) typography. The font pairing combines a clean grotesque sans-serif (Neue Montreal) for body text and a refined transitional serif (Saol Display) for display. Layout is centered and spacious, focusing on a single column for the splash screen. Key interactions are smooth, using a custom cubic-bezier easing. Critical donts: avoid stark white backgrounds, avoid dense layouts without breathing room, and avoid sharp corners on interactive elements.

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