Hover edge
Default marketing card with edge accent and hover lift.
System
Synapse styleguide
Reference surface for the Visive redesign — tokens and components used across marketing pages. Not a public product; for design and engineering alignment.
Color
Brand and semantic roles
primary
violet
amber
bg-panel
text
danger
Typography
Display and body hierarchy
Display — human AI interaction
Section title — Stream. Reason. See.
Card title — production vision systems
Lead copy — latency under 150 ms average on the edge network.
Body muted — supporting explanation for compliance and deployment options.
Mono caps — RBI V-CIP · ICAO 9303 · ISO 6346
Buttons
Actions
Badges & chips
Status and filters
Default
Primary
Secondary
Accent
Live
Cards
Content containers
Flat bordered
Quieter surface for secondary groupings and offices.
Link card
Entire surface is clickable with footer arrow.
Open
Feedback
Accordion sample
What is Synapse?
The design system and static site shell for the Visive.ai redesign — partials, tokens, and page HTML sources.
Do pages include html/head/body?
No. Page files are YAML frontmatter plus body fragments; the shell partial wraps them at build time.
CTA band
Canonical closing pattern
Most marketing pages end with this cta-band composition — badge, headline, lead, dual buttons.