CURATED · OPEN · FREE

Drepute

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

EditorialPhotographicCleanCalmPremium
Drepute screenshot
↓ Download design system (6 MB)Open in OpenDesign

Visit: http://drepute.xyz

📦 Browse pack contents →

01

Identity DNA

pre-launchminimalatmosphericprofessional

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

02

Color

#ffffffInk
#161616BG
#a9a9a9Muted
rgba(0, 0, 0, 0.3)Line

High contrast monochrome palette with a dominant photographic background.

03

Typography

transitional-serif · humanist-sans

04

Spacing

4px
8px
16px
24px
32px
48px
56px
64px
96px

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

05

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

06

Layout

1280container
12columns
24pxgutter
768 / 1024breakpoints

Full-width photographic hero followed by centered content sections.

07

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.

08

Components

09

Voice & Don'ts

10

Inside the pack — real screenshots

Captured from the live site · real computed styles

11

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