Brad Wenner Digital

Photo digital technician business branding built around bright chartreuse "camera yellow" — the color of marking tape used in dark studios to mark cameras and equipment.

primary

secondary

background

primary

Aa
1.0:1
Fail

Aa
1.1:1
Fail

secondary

Aa
1.1:1
Fail

Aa
1.0:1
Fail

background

Aa
1.1:1
Fail

Aa
1.0:1
Fail

Brand Tools

ASE Adobe Swatch Exchange GPL GIMP Palette SCSS Sass Variables JSON W3C Design Tokens Procreate Procreate Palette JS Tailwind Preset CSS Stylesheet ZIP Asset Pack

Brand Map

graph TD ROOT@{ img: "./logos/mark-color.svg", label: "Brad Wenner Digital", pos: "b", h: 70, constraint: "on" } ROOT --> C_primary["Chartreuse (Camera Yellow)
#dfff11"] ROOT --> C_secondary["White
Secondary, Background
#ffffff"] ROOT --> C_text["Black
#000000"] AP_0["Black on Chartreuse (Camera Yellow)
18.4:1 (AAA)"] C_text --> AP_0 C_primary --> AP_0 AP_1["Very Dark Gray on Chartreuse (Camera Yellow)
12.4:1 (AAA)"] C_primary --> AP_1 AP_2["Black on White
21.0:1 (AAA)"] C_text --> AP_2 C_secondary --> AP_2 AP_3["Chartreuse (Camera Yellow) on Black
18.4:1 (AAA)"] C_primary --> AP_3 C_text --> AP_3 style C_primary fill:#dfff11,color:#000,stroke:#000 style C_secondary fill:#ffffff,color:#000,stroke:#000 style C_text fill:#000000,color:#fff,stroke:#fff style AP_0 fill:#dfff11,color:#000000,stroke:#000000 style AP_1 fill:#dfff11,color:#2b2b2b,stroke:#2b2b2b style AP_2 fill:#ffffff,color:#000000,stroke:#000000 style AP_3 fill:#000000,color:#dfff11,stroke:#dfff11

Logos & Marks

Mark — Full Color

Mark — Reversed

Mark — Monochrome

Role Colors

Chartreuse (Camera Yellow) (Primary) #dfff11 rgb(223,255,17)

White (Secondary) #ffffff rgb(255,255,255)

White (Background) #ffffff rgb(255,255,255)

Palettes

Chartreuse + Neutral Grays

Brand primary identity colors

Chartreuse (highlight/key metric) #dfff11 rgb(223,255,17)

Light Gray #d3d3d3 rgb(211,211,211)

Medium Gray #a9a9a9 rgb(169,169,169)

Gray #808080 rgb(128,128,128)

Dark Gray #505050 rgb(80,80,80)

Very Dark Gray (text) #2b2b2b rgb(43,43,43)

CMYK Palette

Brand contrasting colors, dataviz, CTA

Chartreuse (Camera Yellow) #dfff11 rgb(223,255,17)

Magenta #ff00ff rgb(255,0,255)

Cyan #00ffff rgb(0,255,255)

Black #000000 rgb(0,0,0)

White #ffffff rgb(255,255,255)

Gray #808080 rgb(128,128,128)

Grayscale

Neutral gray ramp for charts, dataviz, background elements

Very Dark Gray #2b2b2b rgb(43,43,43)

Dark Gray #505050 rgb(80,80,80)

Gray #808080 rgb(128,128,128)

Medium Gray #a9a9a9 rgb(169,169,169)

Light Gray #d3d3d3 rgb(211,211,211)

Accessibility — Approved Pairs

Black on Chartreuse (Camera Yellow)

fg: #000000 / bg: #dfff11 — 18.4:1 (AAA)

Very Dark Gray on Chartreuse (Camera Yellow)

fg: #2b2b2b / bg: #dfff11 — 12.4:1 (AAA)

Black on White

fg: #000000 / bg: #ffffff — 21.0:1 (AAA)

Chartreuse (Camera Yellow) on Black

fg: #dfff11 / bg: #000000 — 18.4:1 (AAA)

Accessibility — Never Use

White or light colors on chartreuse
Chartreuse on white for text
Mid-tone grays on chartreuse
Chartreuse for body text (eye strain)

Styles

.style-divider — Dotted chartreuse section separator

.style-accent-rule — Bold accent line

.style-link — Highlighted inline link

.style-card — Content card

Typography Scale

h1 — The quick brown fox jumps over the lazy dog

.text-h1 — Mulish / 46px / 800 / 1.15 / -0.02em

h2 — The quick brown fox jumps over the lazy dog

.text-h2 — Mulish / 28px / 800 / 1.15 / -0.02em

h3 — The quick brown fox jumps over the lazy dog

.text-h3 — Mulish / 24px / 800 / 1.15 / -0.02em

body — The quick brown fox jumps over the lazy dog

.text-body — Mulish / 17px / 400 / 1.6

small — The quick brown fox jumps over the lazy dog

.text-small — Mulish / 14px / 400 / 1.5

caption — The quick brown fox jumps over the lazy dog

.text-caption — Inconsolata / 12px / 400 / 1.4