SmarterDx Hub
Design System /

SmarterDx design system

11 documents: foundations, components and media rules, with the tokens and the styleguide.

About this design system

Instantiated from the PreHealth client design-system template (_prefixai/06-templates-prompts/client-design-system-template/, v1.0.0) on 2026-08-21. Source tier: brand-spec — palette, type and logo values trace to the client's brand-spec block; every slot the source does not define is an explicit Needs source stub per the Design System Ingestion Methodology.

  • tokens/tokens.json is the only editable token file; tokens/tokens.css is generated.
  • Component docs are earned from approved artboards, never scaffolded.
  • Re-running the generator is safe: it is additive-only and never overwrites.
SmarterDx Design System, in full

SmarterDx Design System

Instantiated from the PreHealth client design-system template (_prefixai/06-templates-prompts/client-design-system-template/, v1.0.0) on 2026-08-21. Source tier: brand-spec — palette, type and logo values trace to the client's brand-spec block; every slot the source does not define is an explicit Needs source stub per the Design System Ingestion Methodology.

  • tokens/tokens.json is the only editable token file; tokens/tokens.css is generated.
  • Component docs are earned from approved artboards, never scaffolded.
  • Re-running the generator is safe: it is additive-only and never overwrites.
SmarterDx design system — contents, in full

SmarterDx design system — contents

Single index for every doc in this folder. See README.md for how the system is built and maintained.

Foundations

Doc Covers
color brand-spec palette (source-backed)
type brand-spec type families
logo logo assets and rules
space-grid Needs source
iconography Needs source
motion Needs source
photography Needs source (negatives from brand-spec)

Components

None extracted yet — see 10-components/README.md.

Media

digital · print · social

Tokens

tokens/tokens.json — source of truth · tokens/tokens.css — generated · styleguide/index.html — specimen page

Related

../Brand Instructions/brand.md · ../Social/Rubric/social-rubric.md

What is in it

Foundations

7 documents: SmarterDx — Color, SmarterDx — Iconography, SmarterDx — Logo, SmarterDx — Motion, SmarterDx — Photography…

Open

Components

1 document: SmarterDx — Components

Open

Media

3 documents: SmarterDx — Digital media rules, SmarterDx — Print media rules, SmarterDx — Social media rules

Open

Tokens

Colour, type, space and motion values, as stored in the brain.

Open

Live styleguide

The styleguide generated from the design tokens, running with the brand fonts.

Open