Design System Guide

SiteVue is a workforce and operational analytics product for physical worksites — meat-processing facilities, manufacturing plants, construction. One Pulse score rolls up efficiency and output across every employee, team, and site. This guide is the single source for how that product looks, reads, and behaves.

Foundations

Color

One canvas color that inverts between light and dark. Three semantic pulse colors that live exclusively in data — never as chrome. Everything else is foreground at a controlled opacity.

Accents

The two marketing-surface accents

Ink & surfaces
Progress Palette

These three colors appear in scores, gauges, and charts to indicate progress

Foundations

Iconography

Material Symbols, outlined. Drawn at 18–20px and held at 50–80% opacity depending on emphasis. No custom set, no emoji as icons.

leaderboardleaderboard
monitoringmonitoring
tunetune
file_downloadfile_download
calendar_monthcalendar_month
settingssettings
expand_moreexpand_more
closeclose
perm_mediaperm_media
loginlogin
wb_sunnywb_sunny
searchsearch
groupsgroups
location_onlocation_on
scheduleschedule
boltbolt
circle100% — active
circle80% — default
circle50% — muted
16 Material Symbols — PNG, zipped
Foundations

Typography

Inter carries the whole system — headings, body, UI chrome, and a tabular cut reserved for numerics; weight and size do the work. Yrsa, a serif, is kept on hand as a display face, but isn't used for headings on this site.

Ag
Yrsa · 600 · serif
Display serif, kept on hand — not used for headings here.
Ag
Inter Text · 500/600
Chrome, buttons, axis labels, small UI.
Ag
Inter · 400
Body copy and list content — the workhorse.
0123
Inter tabular · dataface
Numbers only, always. Tabular lining figures.
Type scale

Inter ships across the whole system, loaded from Google Fonts; system-ui is the fallback. Yrsa is available but unused here.

H1 · 72 / 400
Portfolio pulse
H2 · 48 / 600
Portfolio pulse
H3 · 28 / 600
Top ranked sites this week
H4 · 20 / 600
Fabrication · 321 Hamilton Ave
Title · 16 / 600
This site's pulse score
Body · 15 / 400
This site's pulse score is 50% based on the average output from all the teams on site.
Label · 12 / 500
Avg per employee: 8.3h
Micro · 9 / 500
75 low · 95 high
Content

Content

Approved boilerplate. Use verbatim — the figures are exact and should never be paraphrased or rounded.

Company description
General · boilerplate

SiteVue AI is a Nashville-based AI tech company that equips manufacturing facilities with mounted and wearable cameras paired with AI-powered video analytics, transforming manufacturing, building, and production processes into visible, actionable data.

The platform can be configured to analyze all aspects of operations, from cycle times and quality to bottleneck identification and defect detection. Operations leaders and plant managers gain objective visibility into product quality and flow, team performance, safety near-misses, and labor utilization across every shift, without disrupting existing workflows or requiring infrastructure changes.

SiteVue AI also delivers a new standard of operational traceability, enabling leadership to visibly pinpoint precisely where and how a quality or process issue originated, reducing waste, minimizing rework, and limiting liability exposure.

Facilities using SiteVue AI typically see +3% profit margin growth in under 3 months; including a 10–20% improvement in floor efficiency, 5–10% recovery of labor hours, and a 90% decrease in safety incidents.

Content

Photography

Imagery is warm and photojournalistic — real people at work on real worksites. Shot in available light, never staged or stock-lit. Photography carries the human side of the operation; the data does the rest.

Operator inspecting a part on the line, wearing a SiteVue-equipped hard hat
Operator at the press — available light, candid focus, SiteVue hardware in frame.
content_copy