Skip to content
CodaMetrix Hub

Draft: not yet approved by the client

Visual Personality

Precise, structured, warm, healthcare-grounded, and unmistakably CodaMetrix through Code Blocks and Pixel Waves.

Color Direction

Primary purple #973DDA leads. Text black #22192B and white create contrast. Coral #F17053, logo coral #FE6E4E, gold #CFC17F, dark maroon #45202C, wine red #642D3F, lavender #DBACFF, soft gold #DDD6B4, off white #F8F8F8, light grey #E7ECE4, and medium grey #BCCCC1 support.

Typography Direction

Funnel Display for headlines, subheads, and quotes. Funnel Sans for body. Barlow Semi Condensed for labels, tags, and dense data.

Layout And Composition Rules

Use structured proof-first layouts. Make the narrative scan: hook, proof, root cause, human payoff, CTA. Use Code Blocks as masks, content containers, and labels. Use Pixel Waves as support patterns, dividers, and motion language.

Imagery Rules

Use authentic healthcare professionals in real clinical, administrative, and collaborative settings. Lighting should be bright, clean, and professional. Keep faces centered when using Code Block masks.

Motion / Video Rules

Animate Code Blocks assembling, revealing, masking, and stepping. Pixel Waves can move with calm precision. Do not introduce ribbon loops, infinity marks, robots, frenetic AI particles, or glowing sci-fi dashboards.

Avoid List

Generic blue healthcare, wellness softness, cartoon AI, fear-based job replacement framing, off-palette gradients on Code Blocks, distorted geometry, decorative clutter.