01 | Color System
Core Palette
Charcoal
#111212
Charcoal Light
#252628
Cream
#F4F3F1
Cream Dark
#E5E4E2
Accent Taupe
#968a79
Accent Light
#b1a89b
Status Colors
Dashboard production status indicators — desaturated to match brand
Approved / Sage
#419041
Final / Slate
#3169a0
Rejected / Rust
#a22f2f
Transparency Scale | Cream on Charcoal
0.03 | Subtle BG
1.0 — Full
02 | Typography
Owners Family
Owners | Body & Headings
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 | Display & Labels
Light 300
Diamond View
Regular 400
Diamond View
Medium 500
Diamond View
Bold 700
Diamond View
Black 900
Diamond View
Type Scale
Hero Title
The Makers
OwnersWide 700 / clamp(40px, 5.5vw, 88px) / -0.02em / uppercase
Section Title
Creative Production
OwnersWide 700 / clamp(26px, 3vw, 40px) / -0.02em / uppercase
Page Heading
VFX & AI Production Studio
Owners 400 / 28px / 0.055em
Body Text
Diamond View is a full-service creative production studio specializing in VFX and AI-driven content creation. We bring cinematic quality to every frame. Body | 18px / Owners 400
Owners 400 / 18px / line-height 1.7
Label / Tag
Creative Development
OwnersWide 500 / 16px / 0.3em / uppercase
Micro Label
Phase 03 of 09
OwnersWide 500 / 14px / 0.2em / uppercase
Stat Value
$124,500 Stat | 34px / Owners 700
Owners 700 / 28–34px / line-height 1.0
Button
View Project
OwnersWide 500 / 12px / 0.18em / uppercase
03 | Brand Identity
Wordmark & Tagline
Diamond View
Feeling in Motion
Diamond View
Feeling in Motion
Diamond Motif | Signature Element
4px / 6px / 8px — outlined & filled variants
Pipeline Bar with Gate Diamonds
04 | Visual Effects
Glassmorphism & Chromatic
Glass L1
blur(6px) · sat 120% · bg 0.03
Glass L2
blur(12px) · sat 180% · bg 0.05
Glass L3
blur(24px) · sat 200% · bg 0.08
Chromatic Edge
Red + Blue inset glow · VFX signature
Hero Scrim
Multi-stop gradient overlay for text readability
Grain Overlay
SVG feTurbulence · 0.05 opacity · film texture
Gradient Patterns
Button gradient — charcoal → charcoal-light → charcoal
Progress gradient — accent → accent-light
Accent divider line — vertical section separator
05 | Components
Buttons
Status Badges
Draft
Approved
Final
Rejected
KPI Cards (Glass L2 + Chromatic Edge)
Total Budget
$248,000
Across 3 productions
Shots Complete
127
of 184 planned
Generation Credits
4,280
Remaining this cycle
Border Radius Scale
3px
4px
6px
8px
12px
50%
06 | Spacing
Scale
8px
XXS
12px
XS
18px
XS+
28px
SM
36px
SM+
48px
MD
60px
LG
80px
XL
07 | Motion
Animation Patterns
Fade Up
Scale In
Diamond Pulse
Lift Hover
Easing Curves | Hover to Preview
Standard
cubic-bezier(0.25, 0.1, 0.25, 1)
Spring
cubic-bezier(0.34, 1.56, 0.64, 1)
Linear
linear (reference only)
0.3s
Quick
buttons, links
0.5s
Standard
hover, nav
0.7s
Medium
reveals, fade-up
1.4s
Slow
scroll, page
12s
Ken Burns
bg image zoom
08 | Light Mode
Inverted Theme
Total Budget
$248,000
Across 3 productions
Shots Complete
127
of 184 planned
Generation Credits
4,280
Remaining this cycle
Draft
Approved
Final
Rejected
09 | Brand Signature
What Makes DV, DV
Chromatic Aberration
RGB edge shifts on hover — red left, blue right. The VFX studio fingerprint.
Diamond Motif
45-degree rotated squares as dividers, gates, status indicators, and loading states.
Aa
Owners Typeface
Distinctive, not a default web font. Standard + Wide variants give hierarchy through width.
Taupe Accent
Never pure black or white. Always warm — cream and charcoal with muted taupe accent.
Glassmorphism
3-tier translucency system. Layered depth, not flat. L1 → L2 → L3 blur scale.
Registration Marks
Corner brackets reference print precision and technical heritage. Subtle but intentional.
10 | Photography / Visual Language
BTS Production Photography
11 | Review Items
Inconsistencies to Resolve
Border Radius
Pitch: 3–4px · Dashboard: 8px · Site: 12px
Pick one scale or define context rules
Pick one scale or define context rules
Glass System
Site: frosted chromatic edge · Dashboard: 3-tier L1/L2/L3
Unify into one system
Unify into one system
Grain Opacity
Standard: 0.05 across all projects
Diamond View
Feeling in Motion
Brand Guidelines 2026
Draft — For Review
Draft — For Review