CURATED · OPEN · FREE

Socialclubparis

A global advertising agency presented as a refined creative club with oversized typographic statements.

01

Identity DNA

A minimalist gallery space where large-scale typography acts as the primary architecture.

02

Color

Strictly monochromatic, relying on high-contrast black and white with subtle warm neutrals for depth.

03

Typography

grotesque-sans · monospaced-sans

• display157px · 400
• heading46px · 400
• body14px · 400

All-caps (uppercase) is the default text transform for all text elements. · Large typography acts as a primary compositional element rather than just a heading. · Tight letter-spacing is used on large display sizes to maintain visual cohesion.

04

Spacing

Generous vertical padding (e.g., 57px, 106px, 150px) creates an airy, editorial feel.

05

Surfaces

Thin, solid black borders used for interactive outlines and UI elements.

06

Layout

Full-width hero with massive typography, followed by a masonry-like grid of project images.

07

Motion & Interaction

General transitions applied globally to elements for smooth hover states. · Large-scale text and images scroll independently to create depth.

Cursor remains a pointer; elements likely shift opacity or subtle transformations. · Immediate response with no loading spinners visible.

08

Components

• button Minimal text-only buttons with uppercase labels and hover effects.
• card Large project cards featuring full-bleed photography and distinct labels.
• chip Category indicators (e.g., '● ADS', '● BRANDING') using solid dots.
• input Cookie consent bar with horizontal text and flat button actions.
• hero Dominates the viewport with a massive 'SOCIALCLUB' watermark and centered positioning text.

09

Voice & Don'ts

• Tone Professional yet detached and highly self-assured.
• Headlines Overwhelmingly large, minimalist, and typographically dominant.
• CTAs Subtle, uppercase, and integrated into the overall minimalist aesthetic.

• Don't use vibrant accent colors — the screenshot shows a strict black, white, and warm-neutral palette.
• Don't use mixed case text — the screenshot shows almost exclusive use of ALL-CAPS (uppercase).
• Don't use heavy shadows — the screenshot shows flat, borderless, or thin-bordered surfaces.
• Don't use serif fonts — the screenshot shows exclusively clean, geometric, or monospaced sans-serifs.
• Don't use small hero text — the screenshot shows an oversized 'SOCIALCLUB' text that fills the viewport.
• Don't use traditional card borders — the screenshot shows cards defined by their photographic content and labels.
• Don't use decorative elements — the screenshot shows a highly restrained, functional aesthetic.
• Avoid: Avoid using multi-colored palettes or vibrant accent colors.
• Avoid: Avoid decorative serifs or cursive typefaces.
• Avoid: Avoid cluttered layouts or dense text blocks.
• Avoid: Avoid heavy shadows or 3D effects on UI elements.
• Avoid: Avoid lowercase text in UI and headings.
• Avoid: Avoid using imagery without sufficient high-quality production value.

10

Inside the pack — real screenshots

Captured from the live site · real computed styles

11

System prompt

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