CURATED · OPEN · FREE

Fantasy

A premium design agency showcasing vision and execution through immersive, dark-mode-first cinematic visuals.

01

Identity DNA

A high-end design studio that leads with vision and execution.

02

Color

Cinematic contrast with a predominantly monochrome palette, utilizing a single sharp red accent for focal points.

03

Typography

grotesque-sans

• display116px · 500
• heading41px · 500
• body16px · 400

Use tight negative letter-spacing for display text to emphasize a dense, premium feel. · Maintain a consistent font weight (400-500) across all text to preserve visual uniformity. · Ensure high contrast by strictly using white text on dark backgrounds.

04

Spacing

A spacious 50px horizontal padding is consistently applied to maintain an airy, premium layout.

05

Surfaces

Minimal 1px white borders used sparingly for definition.

0px 32px 68px 0px rgba(0, 0, 0, 0.3)

06

Layout

Immersive full-bleed hero sections with fixed navigation.

07

Motion & Interaction

Subtle 0.3s ease-out transitions for general UI interactions. · Smooth 0.5s opacity fades for content reveals.

Subtle opacity or color shifts on interactive elements. · Immediate visual response via opacity or background changes.

08

Components

• button Minimal, pill-shaped containers with subtle borders and pointer cursors.
• card Image-heavy layouts with precise borders and generous padding.
• chip High-contrast, pill-shaped interactive elements.
• input Invisible or highly minimal input fields.
• hero Full-screen, cinematic background imagery with massive typography overlays.

09

Voice & Don'ts

• Tone Authoritative, visionary, and direct.
• Headlines Massive, tight-spaced, bold statements that command attention.
• CTAs Minimal text-based calls to action that do not compete with the main visuals.

• Don't use multiple competing background colors — the screenshot shows a predominantly pure black background.
• Don't use centered text for the main hero — the screenshot shows aggressive left-alignment for massive headlines.
• Don't use high-chroma gradients — the screenshot shows solid monochrome backgrounds or photographic imagery.
• Don't use serif fonts — the screenshot shows exclusively sans-serif typography.
• Don't use busy, multi-column layouts for hero sections — the screenshot shows spacious, full-bleed arrangements.
• Don't use standard 'click here' buttons — the screenshot shows minimal text links or subtle rounded pill shapes.
• Avoid: Loud, neon color palettes that distract from the premium imagery.
• Avoid: Dense, text-heavy layouts that clutter the cinematic experience.
• Avoid: Decorative or serif typography that undermines the modern, technological feel.
• Avoid: Rigid grid structures that constrain the immersive full-bleed visuals.

10

Inside the pack — real screenshots

Captured from the live site · real computed styles

11

System prompt

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