Design System Conformance

Foundation

Spacing scale, radii, shadow depths, and motion timings are implemented in CSS tokens.

• Spacing tokens align to `4, 8, 12, 16, 20, 24, 32, 40, 48, 64`.
• Radii align to `sm, md, lg, xl, full`.
• Shadows include `sm`, `md`, `lg`, and accent glow variants.

Colors

Typography

• Outfit used for headings and hero display.
• DM Sans used for body/UI copy.
• JetBrains Mono used for IDs, metadata, badges, and metrics.

Orbit Coding

Status System

Components

Satellite Cards

Card styling now matches design-system behavior: top accent line (featured), mini-orbit animation, mono metrics, controlled status contrast.

Search & Filters

Search bar with shortcut hint, structured filters, and consistent chip language applied in `/satellites` and topbar.

Micro-interactions

• Hover lift on cards and action buttons.
• Sidebar/nav state transitions aligned to `200ms` curves.
• Button ripple effect class added for key actions.

Loading & Skeleton

SEO & Schema

• SSR templates for all primary pages.
• Meta tags and Open Graph tags in base layout.
• JSON-LD WebPage schema included at layout level.

Accessibility

• Skip link present.
• Visible focus ring on all interactive elements.
• Reduced motion media query disables animations.
• Status red palette adjusted for text readability.

Data Viz

Dashboard includes orbit/disciplines bar visualizations and freshness segmentation.

Export & Actions

Pre-Launch ✓

• Sidebar is collapsible and persistent.
• Card contrast issue fixed for decommissioned styling.
• All listed design sections mapped and implemented in-app.