AI Workflows and BrandingCoram AIThe library

Coram AI

From administrative complexity to more room for human leadership.

The Coram AI system

Ordinary takes a lot.

The center

The product gives responsible people room to lead. The judgment stays with the person; the system shows them what needs attention and the next step.

What the system protects

The observed Coram green, TT Commons Classic, paper grounds and an aperture that always leaves one opening for context.

What it refuses

Invented product capabilities, surveillance imagery and any suggestion that the software decides.

App experience · The event review

What moved: From more things to watch to a clearer next judgment.

Open aperture corners, one contained green action, a location rail and a review trail that keeps judgment with a person.

Desktop · Clear Day

Phone · Clear Day

The app entry from the marketing site: the composition that hands a visitor into the experience. Authored; not a redesign of the public homepage.

An authored interface concept built on Coram’s public identity. The spatial reference is a frame from the public homepage film, labelled as reference; it is not a live feed or an invented incident.

The compositions are artwork with explicit baselines, a desktop and a phone in each mode; they are not a responsive build. Each file keeps its text live with the fonts embedded; the outlined copy freezes the type as paths.

Desktop, Clear Day Desktop, Quiet Watch Phone, Clear Day Phone, Quiet Watch Desktop, outlined Phone, outlined App entry

Components · fifty, in both modes and six states

Actions, Navigation, Forms, Feedback, Content and Overlays. Each drawing carries its six presentation states and a construction grid; pick a state, turn the grid on, narrow by category or find a control by name or job. Every control downloads as its own editable SVG in either mode, outlined, or as an import-ready default-state snapshot.

Each specimen is one layered SVG: named groups for the six presentation states, a construction grid and an accessible title, with the brand’s fonts embedded at their real weights so it opens the same in a browser or a design tool. The drawings specify appearance; a real control is a semantic HTML element built to this specification.

Try the controls

The same rules as working HTML in the brand’s tokens: a required field with native validation, a select, a switch, a range, a stepper, a date, a save that asks first, tabs that move with the arrow keys, a filter and a sort. The drawings above specify the look; this is the behaviour. No account or service is connected and nothing is stored.

One view at a time.

One useful step is enough to begin.

Can I change this later?

Yes. Return to the form, make your change, and save the revised next step.

Your context.

Filter items

	Status	Updated
North entrance	Reviewed	Today
Library corridor	Reviewed	Today
Main reception	Reviewed	Today

Review recorded

Two of three. Progress is named, never left to color alone.

Brand system · a shape has a reason, a color has a job

The brand-system board, Clear Day: shape grammar, material and control, the Color–Tone Continuum, typesetting and the icon family on one sheet. Download · Quiet Watch · outlined

01 · Shape grammar

Open aperture. Open corners hold useful context without closing down human judgment. One green signal names the next action. Five primitives, drawn from the brand’s own geometry, carry that structure into the controls.

Action fieldthe primary action and its edge
Selection tilea chosen option
Context carda panel that holds context
Progress stopa step, kept or open
Status markera small named state

02 · Material and control

The action material runs from to : one gradient, a lit edge and a shadow, on the primary action and the selected state. Progress is named, never left to color alone.

03 · The Color–Tone Continuum

Three tiers, one job each. Unity reassures before it asks; controlled variety separates context from choice; necessary activation is one clear action at the right time. The tiers are shown in Clear Day.

01 · UnityA useful place to begin.Reassure before asking.
02 · Controlled varietySee what belongs together.Separate context and choice.
03 · Necessary activationReview the eventOne clear action, at the right time.

01 · UnityA useful place to begin.Reassure before asking.
02 · Controlled varietySee what belongs together.Separate context and choice.
03 · Necessary activationReview the eventOne clear action, at the right time.

The two modes

Two paired modes, one hierarchy: the same information order in Clear Day and Quiet Watch. Where a token names something the production case already fixes, the production value stands and is listed under Established.

Clear Day

Ground
Panel
Second panel
Ink
Muted
Line
Accent
Signal
Button
On button
Success
Error

Quiet Watch

Ground
Panel
Second panel
Ink
Muted
Line
Accent
Signal
Button
On button
Success
Error

Established

Coram greenobserved
Green inkobserved, text on paper
Soft greenobserved
Charcoalobserved
Paperthe production ground
Alertthe production alert state
Warningthe production warning state

Corner radius 8px · Minimum hit target 44px · Display 32 to 48 · Body 16 to 18 · Controls 14 to 16

04 · Typesetting

Public Sans 700

Ordinary takes a lot.

For the people everyone counts on.

Connected video, entry events and response tools help your team keep an ordinary day ordinary.

Public Sans 400, 500, 600, 700 · Real font weights · Fixed icon columns · Deliberate line measure

Display: Public Sans
Text: Public Sans
Files, one per weight: Public Sans: 400, 500, 600, 700
WOFF and TTF, under the SIL Open Font License; licences sit beside the files.

Public Sans is the declared stand-in for Coram’s TT Commons Classic, which is licensed and not bundled. The production case declares TT Commons Classic with the same fallbacks.

05 · Cut from the same cloth

Thirty-two icons drawn from shared counter, terminal, angle and aperture rules, on a 24-unit field, with a hit area, a construction grid and a hidden type-reference layer that holds an O from the brand’s own face. They take the current text color, so one file serves both modes; the page draws them at 44px or larger wherever they can be pressed.

Across the brand · the same rules in email, social and the site

The interface rules leave the app: an email specimen, one headline test, the app entry on the marketing site. Then the campaign work the production case already carries.

Email specimen. A design specimen: the production version needs live text, responsive tables and a real preference footer. SVG

Headline test · one variable

A · Ordinary takes a lot.

B · Keep the full picture.

A frames the strategic benefit; B makes the immediate experience clearer. This is a proposed test, not an observed result. Primary measure: qualified continuation to the next intended step. The plan

Email, from the case

The Coram study carries sales materials rather than a lifecycle sequence. The working library proposes a three-message system; it is shown as structure, not as sent mail.

Social, from the case

Three campaign ads and a six-card carousel. The working library also proposes three controlled pairs; those stay hypotheses until a test is run.

Homepage

The study proposes a homepage system in the working library; the production case carries the brand system and the sales materials.

The brand system, first page

The brand system, applications

Films · complete, with captions

The Open Day0:50

An ordinary morning at a school, kept ordinary.

Film file Captions (VTT)

The Steady Hand0:43

A clear view. A steady hand.

Film file Captions (VTT)

The Open Day, at a church0:38

The same idea at a second kind of place.

Film file Captions (VTT)

Methods and downloads

The workflow

Direction. The strategic center in one sentence, the current brand read from its public site, the production case’s own colors and films as the standard that outranks any proposal.
Generation. Controls, compositions, icons, shapes and channel specimens drawn to the rules, in both modes, with the brand’s real font weights embedded.
Judgment. What did not argue for the center was cut. Established colors kept their production values; proposed extensions are labelled as such.
Construction. Layered SVG masters with named state groups, scoped references, construction grids and accessible titles; outlined and import-ready siblings for tools that substitute fonts.
Validation. Text-fit checks on every component, outlined renders compared with the editable sources, the compositions inspected, then the integrated pages checked here at four widths, both modes, keyboard and reduced motion.

Evidence

The package’s own checks (29 September 2026): every editable component file passed a text-fit check against its containing rectangle; the twenty outlined app screens differ from their editable renders by at most 0.863 on a 0 to 255 channel scale; 110 rendered compositions passed the canvas check; the five native previews ran their flows without errors at 320, 390, 768 and 1440px. What this page verified on its own: every file it references exists, the libraries open in place and on their own pages, the controls change state and mode, the lab validates, and the pages hold at the same four widths in both modes, from the keyboard and with motion reduced. What is not claimed: a usability study, an accessibility certification, a client review or any measured business outcome.

Editable sources

The whole library

Tokens (JSON) ·
Component manifest (JSON)
Source notes (README)
The site manifest (JSON): every library file with its size and hash, the path to each under assets/brand-systems/dcl/coram/.
Every control, screen, board, campaign specimen, icon, shape and font above downloads on its own.

What each folder holds

components/light, components/dark: fifty editable masters per mode, text live, six state groups, a construction grid.
outlined/: the same components, screens, boards and campaigns with the type frozen as paths, for tools that substitute fonts.
import-ready/: default-state, outlined snapshots for importers that ignore SVG state CSS.
screens/, boards/, campaigns/: the compositions, the category sheets and the brand-system board, the email, the headline pair and the app entry.
icons/, shapes/: thirty-two currentColor icons with construction layers; five shape primitives.
fonts/: one WOFF and TTF per weight, with the licences.

Fonts

Public Sans: 400 WOFF TTF · 500 WOFF TTF · 600 WOFF TTF · 700 WOFF TTF · licence

From the case study

The Coram AI case study

Provenance

Brand study, 2026, built on Coram’s observed identity. Extensions are labelled as proposals.

An authored interface concept built on Coram’s public identity. The spatial reference is a frame from the public homepage film, labelled as reference; it is not a live feed or an invented incident.

Coram’s public homepage was read for its green family, ink and calm spatial language.

The interface library is the R4 brand-native package of 29 September 2026, which replaces the R3 package of the day before: real font weights instead of a static file declared as a range, the current brand read from each public site, outlined and import-ready siblings, shapes and channel specimens. Where a token names something the production case already fixes, the production value stands and is listed under Established.

Sources: Coram AI.

{
 "brand": {
  "id": "coram",
  "name": "Coram AI",
  "display": "Public Sans",
  "body": "Public Sans",
  "df": "public-sans",
  "bf": "public-sans",
  "r": 8,
  "modeNames": [
   "Clear Day",
   "Quiet Watch"
  ],
  "accent": "#027B67",
  "darkAccent": "#55CCB1",
  "ink": "#1F1F1D",
  "paper": "#F7F7F3",
  "soft": "#E7EDE8",
  "dark": "#10211E",
  "panel": "#1B302B",
  "line": "#CDD8D0",
  "darkLine": "#3F5850",
  "muted": "#59665F",
  "darkMuted": "#B4C7BD",
  "move": "Ordinary takes a lot.",
  "meaning": "Open corners hold useful context without closing down human judgment. One green signal names the next action.",
  "cta": "Review the event",
  "secondary": "View context",
  "nav": [
   "Overview",
   "Activity",
   "Locations",
   "Team"
  ],
  "label": "Location name",
  "value": "North entrance",
  "helper": "Use the name your team already knows.",
  "item": "Entrance review",
  "person": "Jordan Ellis",
  "initials": "JE",
  "title": "See what needs you.",
  "lead": "Keep people at the center of the next step.",
  "row": [
   "North entrance",
   "Library corridor",
   "Main reception"
  ],
  "action": "Open activity",
  "tag": "Reviewed",
  "unit": "locations",
  "metric": "03",
  "progress": "Review recorded",
  "option": [
   "Assigned to me",
   "My locations",
   "All activity"
  ],
  "signature": "event-review",
  "fontNote": "Live site: TT Commons Classic, #039179 green, #027B67 hover and #1F1F1D ink. Licensed TT Commons files are not bundled; Public Sans is an explicit, replaceable preview substitute.",
  "top": "#027B67",
  "bottom": "#025849",
  "motif": "Open aperture"
 },
 "modes": {
  "light": {
   "bg": "#F7F7F3",
   "panel": "#FFFFFF",
   "panel2": "#E7EDE8",
   "ink": "#1F1F1D",
   "muted": "#59665F",
   "line": "#CDD8D0",
   "accent": "#027B67",
   "signal": "#027B67",
   "button": "#027B67",
   "on": "#FFFFFF",
   "success": "#236746",
   "error": "#B12424",
   "r": 8,
   "dark": false
  },
  "dark": {
   "bg": "#10211E",
   "panel": "#1B302B",
   "panel2": "#10211E",
   "ink": "#F4F5F4",
   "muted": "#B4C7BD",
   "line": "#3F5850",
   "accent": "#55CCB1",
   "signal": "#027B67",
   "button": "#027B67",
   "on": "#FFFFFF",
   "success": "#84D5B4",
   "error": "#FFB6AD",
   "r": 8,
   "dark": true
  }
 },
 "minimumHitTarget": 44,
 "states": [
  "default",
  "hover",
  "focus",
  "active",
  "disabled",
  "loading"
 ],
 "material": {
  "top": "#027B67",
  "bottom": "#025849",
  "meaning": "Open aperture"
 },
 "status": "Authored concept; current site evidence distinguished from proposed extensions."
}

The Coram AI system

The center

What the system protects

What it refuses

App experience · The event review

Components · fifty, in both modes and six states

Actions 10

Navigation 10

Forms 13

Feedback 8

Content 6

Overlays 3

Try the controls

See what needs you.

One view at a time.

Your context.

Review recorded

Brand system · a shape has a reason, a color has a job

01 · Shape grammar

02 · Material and control

03 · The Color–Tone Continuum

The two modes

Clear Day

Quiet Watch

Established

04 · Typesetting

05 · Cut from the same cloth

Across the brand · the same rules in email, social and the site

Email, from the case

Social, from the case

Homepage

Films · complete, with captions

Methods and downloads

The workflow

Evidence

Editable sources

The whole library

What each folder holds

Fonts

From the case study

Provenance

Work that makes the customer the hero of the story.