8 KiB
Signal CGM — Brand Extension v1
Date: April 2026
Parent system: sttil-brand-system-v1.md
Status: Active
1. Inheritance from STTIL Solutions
Signal CGM is a product expression of the STTIL Solutions brand. It inherits:
- Full teal scale (teal-950 → teal-50)
- Full tangerine scale as accent
- Plus Jakarta Sans / Inter / JetBrains Mono type stack
- All semantic status colors
- All spacing, radius, and shadow tokens
- "Never loud, always clear" visual principle
What shifts for Signal CGM:
- Clinical precision takes priority over narrative warmth
- Data density is higher — tables and status indicators are the primary surface
- Urgency communication is more explicit (regulatory deadlines, expiry countdowns)
- Dark mode is the operational default (dashboard use)
- Tangerine appears at the PA Required badge and highest-priority row — the two highest-stakes signals in the UI
2. Tone Shift
| STTIL Solutions | Signal CGM |
|---|---|
| Warm, narrative, brand story | Precise, operational, clinical |
| Speaks to the vision | Speaks to the daily task |
| "Built for people bearing real operational weight" | "PT-00142 · 4 days left · PA Required" |
| Earns trust through specificity | Earns trust through accuracy |
Signal CGM copy should read like a knowledgeable billing colleague, not a software vendor.
3. Dashboard / UI Palette
Dark Mode (Operational Default)
| Element | Token | Hex |
|---|---|---|
| Page background | teal-950 |
#041A1A |
| Card / panel | teal-900 |
#072E2E |
| Elevated surface / table header | teal-800 |
#0A4444 |
| Heading text | warm-white |
#FFFAF6 |
| Primary body text | text-primary-dark |
#F0F4F4 |
| Secondary text | teal-300 |
#5BBBBB |
| Muted / metadata text | muted-dark |
#5A8080 |
| Border | teal-700 |
#0F5E5E |
| Row divider | teal-700 at 45% |
rgba(15,94,94,0.45) |
| Primary brand / interactive | teal-400 |
#2EA3A3 |
| Tangerine accent (borders/glows) | tangerine-400 |
#F07840 |
| Tangerine text (gold) | tangerine-300 |
#FFB070 |
| Tangerine glow shadow | shadow.tangerine-glow-dark |
see tokens |
| Priority row wash | sparkle.priority-row-bg-dark |
rgba(224,104,48,0.09) |
Light Mode (Review / Export / Presentation)
| Element | Token | Hex |
|---|---|---|
| Page background | neutral-50 |
#F4F9F9 |
| Card / panel | neutral-0 |
#FFFFFF |
| Elevated surface | neutral-100 |
#E5EEEE |
| Heading text | text-heading-light |
#0A3030 |
| Primary body text | text-primary-light |
#1C2E2E |
| Secondary text | neutral-500 |
#5A7E7E |
| Muted | neutral-400 |
#7A9E9E |
| Border | neutral-200 |
#C8D8D8 |
| Primary brand | teal-600 |
#147A7A |
| Tangerine accent | tangerine-500 |
#E06028 |
| Priority row wash | sparkle.priority-row-bg-light |
rgba(224,96,40,0.05) |
4. CTA / Button Colors
| Button | Dark Mode | Light Mode | Usage |
|---|---|---|---|
| Primary action | teal-400 fill, warm-white label |
teal-600 fill, white label |
"Initiate Outreach," "Export CSV" |
| High-urgency action | transparent, tangerine-400 border, tangerine-300 label |
transparent, tangerine-500 border, tangerine-500 label |
"Initiate PA →" — one per view |
| Ghost / secondary | transparent, teal-700 border, teal-300 label |
transparent, neutral-200 border, neutral-500 label |
"View," "Follow Up" |
| Destructive | error-500 at 15% fill, #FF7070 label |
error-100 fill, error-600 label |
"Mark Denied," "Archive" |
Rule: The tangerine CTA (PA action) appears at most once per screen. It is the most urgent action visible.
5. Status / Alert Colors — Healthcare Workflow
| Status | Icon | Light Badge | Dark Badge | When to Use |
|---|---|---|---|---|
| Active | ✓ | success-100 bg / success-600 text |
rgba(26,122,78,0.16) / #4AE899 |
Coverage current, no action needed |
| Expiring Soon | ⚠ | warning-100 / warning-600 |
rgba(168,90,24,0.16) / #F0B464 |
30–59 days remaining |
| Critical Expiry | ⚠ | error-100 / error-600 |
rgba(200,48,48,0.16) / #FF7070 |
< 30 days remaining |
| PA Required | ⚡ | tangerine-100 / tangerine-700 |
rgba(240,120,64,0.18) / #FFB070 |
PA must be initiated |
| PA Pending | ○ | purple-100 / purple-500 |
rgba(122,94,160,0.16) / #C0A8E0 |
PA submitted, awaiting affirmation |
| Denied | ✕ | error-100 / error-600 |
rgba(200,48,48,0.22) / #FF7070 |
Claim denied — appeal path |
| Info | ℹ | info-100 / info-500 |
rgba(26,106,154,0.16) / #64B0D8 |
Notes, system messages |
Non-negotiable: Every badge must use icon + label. Never color alone as the sole status indicator.
6. Worklist Table Conventions
- Patient ID column: JetBrains Mono,
font-weight: 700. On priority row, color shifts totangerine-300(#FFB070 dark) ortangerine-700(#903A14 light). - Priority Score: JetBrains Mono, 16px,
font-weight: 500. High (≥75): tangerine-text. Mid (40–74): text-secondary. Low (<40): text-muted. - Days Left: JetBrains Mono. Critical (<30): error red. Warning (30–59): tangerine-text. OK (60+): text-primary.
- Top priority row: One
priority-row-bgwash +★ TOP PRIORITYmicro-label in tangerine-text. Only one per view. - Tangerine CTA: Only on the top priority row's action button.
- Table header:
teal-800background, uppercasetext-mutedlabels atfont-size: 10.5px,letter-spacing: 0.06em.
7. Pitch Deck Usage (Supplier-Facing)
Slide structure:
- Title / section slides:
teal-900background,warm-whiteheadline,teal-300sub-label - Content slides:
neutral-0background,teal-700section headers - Data charts:
teal-500primary series,tangerine-400for the key comparison metric - Call-out boxes:
tangerine-100background,tangerine-700text,tangerine-500left border (4px) - The two-curve workload graph (appeals ↓ / proactive outreach flat) is the hero visual
Supplier-facing language:
- Lead with the denial rate: "35–45% first-pass denial rate for CGM claims"
- Show the crossover point: "Month 4 — proactive outreach volume replaces appeals volume"
- No AI language. No "platform." Call it a worklist tool.
8. LinkedIn / Social Posts
Format — Signal CGM announcement post:
- Carousel: 5 slides (hook → problem data → product shot → outcome → CTA)
- Cover slide:
teal-900background,warm-whiteheadline in Plus Jakarta Sans 700, one tangerine data point - Data slides:
neutral-0background, teal headers, JetBrains Mono for percentages - One tangerine accent per slide — never two
- CTA slide:
teal-600background, white text, simple ask
Tone: Specific, grounded, no hype. Use actual regulatory dates and denial rates.
9. Billing Company-Facing vs. Supplier-Facing Materials
| Dimension | Supplier-Facing | Billing Company-Facing |
|---|---|---|
| Primary pain | "My staff is buried in appeals" | "Our clients have high denial rates costing us rework" |
| Value frame | Prevent denials before they happen | Offer clients a differentiated CGM compliance tool |
| Regulatory hook | CMS competitive bidding deadline, PA affirmation rate | Same — but also enrollment moratorium / compliance risk |
| Product language | "Signal CGM worklist" | "Signal CGM — white-label ready" (future Phase 2) |
| Visual tone | Warm, operational, data-dense | Colder, more corporate, teal-900 dominant |
| CTA | "Try it with your next CSV import" | "Schedule a 30-minute walkthrough" |
10. PHI Note on All Materials
All Signal CGM marketing materials must include, at minimum in footer or fine print:
"Signal CGM does not store patient names, dates of birth, or contact information. Only patient_id (your internal MRN or account number) is used as the crosswalk key."
This is a trust signal, not a legal disclaimer. Put it where a billing manager will see it.