CURATED · OPEN · FREE

Drepute

A clean, atmospheric pre-launch page with a strong photographic hero and clear calls to action.

EditorialPhotographicCleanCalmPremium

↓ Download design system (6 MB)Open in OpenDesign

Visit: http://drepute.xyz

📦 Browse pack contents →

Identity DNA

pre-launchminimalatmosphericprofessional

A premium pre-launch waiting room that lets the product speak for itself.

Color

#ffffffInk

#161616BG

#a9a9a9Muted

rgba(0, 0, 0, 0.3)Line

High contrast monochrome palette with a dominant photographic background.

Typography

transitional-serif · humanist-sans

display62px · 400
h244px · 400
body16px · 400

Spacing

4px

8px

16px

24px

32px

48px

56px

64px

96px

8px based grid with generous section padding (56px vertical).

Surfaces

sm · 4px

md · 4px

lg · 0px

pill · 999px

1px solid #000000

rgba(0, 0, 0, 0.3) 0px 2px 6px 0px · rgba(0, 0, 0, 0.25) 0px 3px 18px 0px

Layout

1280container

12columns

24pxgutter

768 / 1024breakpoints

Full-width photographic hero followed by centered content sections.

Motion & Interaction

150msmicro

300mssmall

800msmedium

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

1s ease-in transitions for page load elements

Background transitions for buttons. · Standard pointer cursor for interactive elements.

Components

button Solid white background with black uppercase text and small border-radius.
input Dark background with a thin white border.
hero Full-viewport height with centered text and a large background image.

Voice & Don'ts

Tone Minimalist and anticipatory.
Headlines Short, large serif words centered on the page.
CTAs Direct and functional (e.g., 'Learn More', 'Accept').

don't use a bright or neon color palette — screenshot shows a dark, moody photographic theme
don't use small, cramped text — screenshot shows generous spacing and large headlines
don't use complex grid layouts — screenshot shows a simple, single-column centered layout
don't use rounded, bubbly buttons — screenshot shows sharp, rectangular buttons with minimal radius
don't use decorative or script fonts — screenshot shows clear serif and sans-serif pairings
don't use cluttered navigation — screenshot shows a clean header with only a single button
Avoid: Fluff
Avoid: Long sentences
Avoid: Busy UI patterns

Inside the pack — real screenshots

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

Captured from the live site · real computed styles

System prompt

This is a minimalist pre-launch page for a brand called Drepute. The design is defined by a dark, atmospheric photographic background and high-contrast white typography. The color palette is almost entirely monochrome, featuring a deep charcoal background (#161616) and pure white text (#ffffff). The typography combines a transitional-serif for headlines with a humanist-sans for body text. Key interactions are simple button hovers and page transitions. Critical design rules include: maintain the high-contrast monochrome palette, use generous whitespace and section padding (56px), and avoid any use of bright accent colors or complex, multi-column layouts.

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