Partner Brandbook

DUDE77

Deterministic partner operating layer for guided recommendation experiences.

Back to Intake Console

D-FORGE Platform UI Parameters

These vars are projected from DUDE77 brandbook tokens and drive platform CTA/card/background styling.

Page Background
--color-bg: hsl(0 0% 100%)
Platform root and shell background
Surface
--color-surface: hsl(0 0% 100%)
D-FORGE Card neutral surface
Surface Alt
--color-surface-alt: hsl(0 0% 100%)
Subtle cards and hover surfaces
Text Primary
--color-text-primary: hsl(0 0% 0%)
Primary headings/body text
Text Muted
--color-text-muted: hsl(0 0% 0% / 0.72)
Secondary copy and notes
Border
--color-border: hsl(0 0% 0% / 0.16)
Default card and control border
Accent
--color-accent: hsl(0 0% 0%)
Accent actions and highlights
CTA (Secondary) Background
--platform-cta-bg: hsl(0 0% 100%)
Open buttons / link buttons
CTA (Secondary) Text
--platform-cta-fg: hsl(0 0% 0%)
Open buttons / link buttons
CTA (Secondary) Border
--platform-cta-border: hsl(0 0% 0% / 0.18)
Open buttons / link buttons
CTA (Primary) Background
--platform-cta-primary-bg: hsl(0 0% 0%)
Primary platform actions
CTA (Primary) Text
--platform-cta-primary-fg: hsl(0 0% 100%)
Primary platform actions
Control Radius
--radius-md: 10px
Buttons and control corners
Surface Radius
--radius-lg: 14px
Card corners
Surface Shadow
--shadow-soft: 0 1px 2px rgba(0, 0, 0, 0.18)
Raised cards / emphasis

Brand Overview

Turn protocol-level brand intent into a stable and readable system surface.

tonePrimary: technicaltoneSecondary: premiumvoiceStyle: direct

Visual System

High-contrast monochrome shell with clean dark surfaces and neutral accents.

Background
Driven by `--partner-bg`
Accent
Driven by `--partner-accent`

Colors

Primary
--partner-primary
token: hsl(0 0% 0%)
raw hex: #000000
Accent
--partner-accent
token: hsl(0 0% 0%)
raw hex: #000000
Background
--partner-bg
token: hsl(0 0% 100%)
raw hex: #FFFFFF
Surface
--partner-surface
token: hsl(0 0% 100%)
raw hex: #FFFFFF
Text
--partner-fg
token: hsl(0 0% 0%)
raw hex: #000000

Typography

fontPrimary: Inter, system-ui, sans-serif

fontSecondary: "SF Pro Rounded", Inter, system-ui, sans-serif

Heading 1 • 40px • 700
DUDE77 Brandbook
Heading 2 • 28px • 600
Deterministic Visual Surface
Heading 3 • 22px • 600
Protocol-driven sections

Components (Preview)

Card preview

Card shell driven by token surface/background variables.

Badge preview

Motion

speed: balanced • curve: standard

Hover elevation token sample (+4px)

Layout

layoutWidth: max 1120px, content 760px

gridColumns: 12

spacingScale: 4, 8, 12, 16, 24, 32 px

radiusScale: 8, 10, 12, 14, 18 px

containerRoot: src/partners/dude77 • generatedAt: 2026-03-04T00:00:00.000Z