Financial Risk Exposure
9
unique FIREs
Causing 19 instances
Overview
Graphite Elevate: Design System for Evidence
The foundations of the Evidence brand - color, type, space, shape, and the components built from them. Use the switches above to compare today's brand against the Elevate direction, one aspect at a time; each switch's info icon explains exactly what it changes.
Color palette
One accent on a neutral foundation
A single accent color carries every primary action and highlight. A neutral ramp does the structural work - text, surfaces, lines - and a small semantic set signals success, warning, and error. Nothing decorative competes with the content.
Brand & accent
Accent
primary action
Accent soft
badge / tint
Surface
Canvas
page background
Surface
cards
Surface alt
feature panel
Text
Ink
headings & copy
Body
running text
Mute
captions
Semantic
Positive
success
Warning
caution
Negative
error
Neutral ramp
Contrast pairings
Every bright has its dark
Each bright surface has one named dark companion. These are the colour rules; the cards below demonstrate them.
- Only used in pairs. A bright is never used alone or as text, and a dark is never used without its bright. Content on a bright surface takes its dark companion; bright content sits on the dark companion. Never Slate or translucent on a pairing surface.
- Dark lime on bright green. Titles and text on a bright-green surface use Dark lime
#002E11- the signature pairing. - Slate 900 everywhere else. All other text is Slate 900
#0F172Aby default; never light grey unless the author intends it.
Lime green#86EFAC
Dark lime#002E11
Blueberry blue#C2E9FF
Dark blueberry#053550
Grapefruit pink#FFD3E7
Dark grapefruit#58062C
Tangerine orange#FFCE8F
Dark tangerine#513108
Lemon yellow#FAE580
Dark lemon#4B3E00
Typography
Hierarchy through scale and weight
A display treatment carries headlines and big numbers; a workhorse face handles body, labels, and data. Size and weight set the hierarchy, and tabular figures keep numbers aligned.
display-mega · 126Real.
display-xxl · 96Evidence.
display-xl · 64Fix what's real.
display-md · 40Section & card headlines.
display-sm · 32Inter section heading.
display-xs · 24Sub-section display.
body-lg · 20Lead paragraph copy.
body-md · 16Default body text that explains a finding plainly.
body-sm · 14Secondary body text.
caption · 12Fine print and metadata. - never used for important information
tabular-nums7,142,038 · 98.4% · $1,247,892.50
Buttons
Three levels of action
One clear primary action per view, a quieter secondary, and a minimal tertiary. Buttons are interactive controls - they never carry status.
Badges and tags
Badges label state, they don't act
Badges and tags mark state - active, healthy, warning, critical. They are not interactive and are never styled as buttons. Different purpose, different shape.
Active
Healthy
Warning
Critical
Cards & containers
Surfaces that group content
Cards gather related content onto their own surface, set apart from the page by a border or a fill. The container frames; the content leads.
Proof, not noise
Every finding ships with evidence of real-world financial impact - not a CVSS guess.
Insurer-grade
Detections derive from actuarial loss data. If it never caused a payout, it's not a FIRE.
Fix what's real
Less than 1% of vulnerabilities actually matter. We find the ones that do.
Open FIREs
12
Down from 18 last week
Assets scanned
7,142,038
Across 31 inventories
Mean time to remediate
3.2 days
Target: under 5 days
| Asset | Status | FIREs | Risk |
|---|---|---|---|
| api.acme.com | Healthy | 0 | 12 |
| portal.acme.com | Warning | 2 | 48 |
| mail.acme.com | Critical | 5 | 94 |
Inputs & forms
Fields that read as fields
Form inputs are clearly bounded and comfortably sized, paired with a verb-first action and a visible focus state.
Spacing
Built for breathing room
A small, fixed set of spacing tokens creates rhythm and breathing room. Reusing the same steps everywhere keeps every gap deliberate.
Shapes
One radius scale
Corners follow a single radius scale, applied consistently from small chrome up to cards and full pills.
0px · no radius
card · 24
small card / input · 12
pill
Icons
A simple, familiar icon language
Lucide icons - one geometric style at a consistent stroke. Two sizes: 24px for standard UI, 16px for dense layouts.
24 × 24
16 × 16
Icon chip - the lime signature
The same chip, all five pairings
The signature move: a generous, bold glyph in a soft chip - 32px chip, 28px icon at a heavy stroke (2.6), 12px radius. Lime green / Dark lime is the default; the identical chip works in all five secondary pairings (soft surface + dark-companion glyph) to carry categorical meaning. On a coloured surface it flips to translucent white; on dark, a lime glyph.
Signature components
A signature moment
An inverted band - the accent on the darkest neutral - reserved for the loudest moments. Used sparingly, it carries weight.
See what's real
A content band that inverts the palette: Evidence green on near-black ink, used sparingly for the biggest moments.
Responsive
Three breakpoints, one rhythm
| Breakpoint | Width | Key changes |
|---|---|---|
| Mobile | < 768px | Hero stacks; grids 1-up |
| Tablet | 768-1023px | Grids 2-up |
| Desktop | ≥ 1024px | Hero split; full grids |
Pricing
Pricing tiers
A standard pricing layout; the featured tier is lifted onto the darkest surface to draw the eye.
Starter
$0
- External perimeter scan
- FIRE report
- Email alerts
Team
$9
- Everything in Starter
- Recurring scans
- Role-based access
- REST API
Enterprise
$99
- Everything in Team
- Financial impact report
- $1M warranty
Voice
Specific, editorial, numbers-first
- Statements, not marketing. "Fix what's real."
- Sentence case for everything human-readable. No all-caps for body or headings.
- Numbers are first-class - tabular, exact, unrounded as a credibility signal.
- No emoji, no hype, no decorative punctuation. Precise, consistent product terms.
Logo
The Evidence mark
The full wordmark and the standalone graphic mark, on light and dark surfaces.
Local preview · brand guidelines · selections persist and encode in the URL for sharing.
Web
rootevidence.com homepage
Built from DESIGN.md - the node-surface hero, Products/Resources mega-menus, and Forest footer. Scroll inside the frame, or open it full screen.
App
Dashboard stat widgets, three on-brand iterations - light, borderless fills, Satoshi numbers, and a smart lime accent. Reusable as website decorations.
Iteration 1: Soft Slate
Affected assets
10
assets
Out of 50,654 total assets
Financial riskDemo
$2.74M
-$0.80M since last month
Retired riskDemo
$9.47M
In the last 90 days
Warranty
$5M
1/4 inventories covered
Iteration 2: Lime accent
Financial Risk Exposure
9
unique FIREs
Causing 19 instances
Affected assets
10
assets
Out of 50,654 total assets
Financial riskDemo
$2.74M
-$0.80M since last month
Retired riskDemo
$9.47M
In the last 90 days
Warranty
$5M
1/4 inventories covered
Iteration 3: Bold
Financial Risk Exposure
9
unique FIREs
Causing 19 instances
Affected assets
10
assets
Out of 50,654 total assets
Financial riskDemo
$2.74M
-$0.80M since last month
Retired riskDemo
$9.47M
In the last 90 days
Warranty
$5M
1/4 inventories covered
Presentations
Evidence pitch deck
Built from DESIGN.md - light-first, dark used as punctuation (2 of 12 slides), with the sequential reveal and count-up motion. Scroll inside the frame, or open it full screen.