7

The brand baseline for Codametrix. Brand guide , updated Oct 18.

Codametrix

Codametrix · Core Brand

Updated today · View site

[ VAULT ]08-clients/active/codametrix

Design System – Overview

The design system for Codametrix, read from the brand folders of its brain in the vault. The brain holds 2 logo files, 15 colors, 3 typefaces, 12 components.

StatusDraft
Last changedOct 18, 2026
Colors read from03-brand/interactive-brand-guide.html
Lives on GitHub03-brandBrand Assets08-creative-system
Interactive guideinteractive-brand-guide.html
Brand non-negotiables

No non-negotiables are recorded in 03-brand/brand-non-negotiables.md yet.

Color

15 colors read from 03-brand/interactive-brand-guide.html, named as the brain names them. Colors the brain marks as superseded are left out. Click a color to copy its hex.

Pairings

The first brand colors in the palette plus the lightest. Text color down the side, background across the top. Each pair shows the contrast ratio and whether it is safe for text.

Text on backgroundBlueCoralGoldPaper
Blue Same color Aa 1.8:1Do not use for text Aa 2.9:1Do not use for text Aa 5.3:1AA
Coral Aa 1.8:1Do not use for text Same color Aa 1.6:1Do not use for text Aa 2.9:1Do not use for text
Gold Aa 2.9:1Do not use for text Aa 1.6:1Do not use for text Same color Aa 1.8:1Do not use for text
Paper Aa 5.3:1AA Aa 2.9:1Do not use for text Aa 1.8:1Do not use for text Same color

Typography

3 typefaces read from 03-brand/interactive-brand-guide.html.

[ Typeface 1 ]
Aa
Barlow Semi Condensed

Codametrix

[ Typeface 2 ]
Aa
Funnel Display

Codametrix

[ Typeface 3 ]
Aa
Funnel Sans

Codametrix

Specimens are drawn in a stand-in face. The licensed files are kept on the client drive and loaded in the client build.

Spacing and shape

No spacing or radius tokens

Codametrix's design tokens do not list spacing steps or corner radii yet. Add spacing and radius to design-tokens.json in 03-brand and they appear here.

Components

12 components built for Codametrix, read from its repo. Each one links to its source on GitHub.

React components12
[ REPO ]PreHealth-inc/codametrix-ds Read at 0af4932, Jun 27
React components

React components and primitives.

Components 10
AwardEventChip Tested title, year, kind src/components/AwardEventChip.tsx ContentContainer Tested children, tone, cut src/components/ContentContainer.tsx CtaPill Tested label, href, disabled, onClick src/components/CtaPill.tsx HeadlineRule Tested headline, onDark src/components/HeadlineRule.tsx ImageMaskBlock Tested src, alt, cutRatio, width, height src/components/ImageMaskBlock.tsx LogoLockup Tested variant src/components/LogoLockup.tsx ProofPointList Tested items, ordered src/components/ProofPointList.tsx QuoteCard Tested quote, name, title, org src/components/QuoteCard.tsx SectionTag Tested label, fill src/components/SectionTag.tsx StatBlock Tested value, label, source src/components/StatBlock.tsx
Primitives 2
CodeBlock Tested width, height, fill, cutRatio, role, className, children, ariaRole src/primitives/CodeBlock.tsx PixelWave Tested PixelWave: the secondary CodaMetrix brand graphic, built from the same angular geometry as the Code Block. variant, fill, steps, className src/primitives/PixelWave.tsx

Voice and tone

No voice principles in the brain

Codametrix has no voice-messaging note with a Voice Principles list in 03-brand yet.

The full voice note is in the vault at 03-brand/voice-messaging.md.

Rubric

No brand rubric yet

Codametrix has no oracle-brand-rubric.md in 10-oracle-instructions. Without one there is nothing to score work against.

Ask the Oracle

Enter to send