Brand Editor 0
Tweak values, preview live
Core Palette
Charcoal
Charcoal Lt
Cream
Cream Dark
Accent System
Accent
Link variations
Status Colors
Approved
Final
Rejected
Hero Title
Size (px)
64px
Font
Weight
Line Height
0.88
Tracking
-0.020em
Section Title
Size (px)
36px
Font
Weight
Line Height
1.10
Tracking
-0.020em
Page Heading
Size (px)
28px
Font
Weight
Line Height
1.00
Tracking
0.055em
Body Text
Size (px)
18px
Font
Weight
Line Height
1.50
Tracking
0.025em
Label / Tag
Size (px)
16px
Font
Weight
Tracking
0.255em
Micro Label
Size (px)
14px
Font
Weight
Tracking
0.200em
Button Text
Size (px)
13px
Font
Weight
Tracking
0.045em
Stat Value
Size (px)
34px
Font
Weight
Tracking
0.000em
Border Radius
Small
4px
Medium
5px
Large
8px
Line Weights
Card border
0.5px
Geo line
1px
Section divider
3.5px
Diamond stroke
2px
Divider width
70px
Spacing Scale
XS
12px
SM
28px
MD
48px
LG
60px
XL
80px
Grain Overlay
Opacity
0.050
Glass L1
Blur
8px
BG Opacity
0.030
Glass L2
Blur
12px
BG Opacity
0.050
Glass L3
Blur
24px
BG Opacity
0.080
Chromatic Aberration
Intensity
0.060
Spread
5px
01 | Color System
Core Palette
Status
02 | Typography
Type Scale
Diamond View
Section Title
Page Heading Example
Diamond View is a full-service creative production studio specializing in VFX and AI-driven content creation. We bring cinematic quality to every frame, combining cutting-edge technology with artistic vision.
Creative Development
Micro Label Text
4,280
Stat Value Preview
Owners
Light 300
Feeling in Motion
Regular 400
Feeling in Motion
Medium 500
Feeling in Motion
Bold 700
Feeling in Motion
Black 900
Feeling in Motion
Owners Wide
Light 300
Diamond View
Bold 700
Diamond View
Black 900
Diamond View
03 | Identity
Wordmark & Motifs
Diamond View
Feeling in Motion
Diamond View
Feeling in Motion
Diamond Motif
Pipeline
04 | Effects
Glass & Chromatic
Glass L1
blur(6px) · bg 0.03
Glass L2
blur(12px) · bg 0.05
Glass L3
blur(24px) · bg 0.08
Chromatic Edge
RGB inset glow
Hero Scrim
Gradient overlay
Grain
0.05 opacity
Gradients
Button: charcoal to charcoal-light
Progress: accent to accent-light
05 | Components
Buttons & Cards
Draft Approved Final Rejected
Total Budget
$248,000
Across 3 productions
Shots Complete
127
of 184 planned
Credits Left
4,280
Remaining this cycle
Border Radius
06 | Line Weights
Borders & Dividers
07 | Spacing
Scale
08 | Visual Language
Photography & Imagery
Drop reference images here or provide to Claude for visual language definition
Hero Shot
Primary brand hero imagery, cinematic wide angle
Texture / Detail
Close-up material and surface textures
Environment Wide
Establishing shots, location and atmosphere
Product Close-Up
Detailed product and deliverable photography
Team / People
Candid and portrait team photography
Abstract / VFX
Generated imagery, VFX elements, abstract visuals
09 | Light Mode
Inverted Theme
Total Budget
$248,000
Across 3 productions
Shots Complete
127
of 184 planned
Credits Left
4,280
Remaining this cycle
Export
Design Tokens