Brand StrategyProduct StudioCategory DesignFlagship Experiences26 Years
A high-end brand consultancy that designs market categories and builds the flagship digital products to prove them.
02
Color
#fc1c46Accent
#ffffffInk
#ccccccInk soft
#000000BG
#4c4c4cMuted
rgba(204, 204, 204, 0.2)Line
High-contrast monochrome foundation with a single bold red accent.
03
Typography
grotesque-sans
display91px · 700
h172px · 700
h227px · 400
body14px · 400
Use tight negative tracking on display sizes. · Maintain high contrast between text and background. · Strictly adhere to the grotesque-sans category for all text.
04
Spacing
4px
8px
16px
24px
32px
48px
64px
96px
Consistent 4px base grid used for padding and margins, with large vertical spacings (e.g., 198px, 288px) for dramatic section breaks.
05
Surfaces
sm · 2px
md · 4px
lg · 8px
pill · 9999px
1px solid rgba(204, 204, 204, 0.2)
rgb(128, 128, 128) 0px 0px 5px 0px
06
Layout
1280container
12columns
24pxgutter
768 / 1024breakpoints
Full-width hero sections with text left-aligned and large graphical elements (like the 3D orb) occupying the center/right.
07
Motion & Interaction
220msmicro
400mssmall
750msmedium
cubic-bezier(0.19, 1, 0.22, 1)easing
Smooth opacity and transform transitions for scroll-based reveals. · Slow width/transform animations for complex elements.
Subtle opacity changes or cursor transformations. · Immediate feedback via state changes.
08
Components
buttonPill-shaped primary buttons with high-contrast color.
cardMinimalist cards, often borderless or with subtle borders.
chipN/A
inputN/A
heroFull-viewport dark hero with massive typography and a central 3D abstract element.
09
Voice & Don'ts
ToneAuthoritative, confident, and premium.
HeadlinesDirect, declarative, and massive.
CTAsSimple and action-oriented (e.g., 'Contact Us').
Don't use light backgrounds — screenshot shows a strictly dark (black) background.
Don't use a diverse color palette — screenshot shows only black, white, grays, and one red accent.
Don't use serif fonts — screenshot shows exclusively grotesque-sans typography.
Captured from the live site · real computed styles
11
System prompt
This is a high-end brand and product studio website with a premium, dark-mode aesthetic. The design relies on a strict monochrome palette of black (#000000) and white (#ffffff), with grays (#cccccc, #4c4c4c) for depth and a single vibrant red accent (#fc1c46) for CTAs. Typography is entirely grotesque-sans, featuring massive, bold, and tight-tracked headlines paired with clean, minimal body text. Layout is spacious and dramatic, using full-viewport sections and large vertical padding to create a sense of scale and importance. Critical donts: avoid light backgrounds, avoid using a wide color palette, avoid serif fonts, avoid small headline sizes, avoid complex UI patterns, and avoid busy or cluttered compositions. The site communicates authority and category leadership through its minimalist yet impactful visual language.
Bring this taste to your agent
Hand your AI agent a machine-readable spec of this design — tokens, type, motion, the whole DNA.
