UI ELEMENTS

COMPONENTS

The building blocks of Obsidian interfaces. Each component is engineered for the dark-ops aesthetic — low-opacity borders, monospace labels, corner decorations, and subtle glow states.

Cards

4 variants: Standard, Glass, Holographic, Terminal

Standard

Data Module

Default card with corner decorations and low-opacity borders.

Glass

Frosted Panel

Backdrop blur with subtle inner glow and saturated glass effect.

Holographic

Spotlight Card

Radial highlight follows cursor position via CSS custom properties.

obsidian@terminal

> system.status()

OPERATIONAL

> filter.mode

NASA-GRADE

Buttons

Primary, Secondary, Ghost, Danger variants

Badges

Status indicators with animated dot and glow

OnlineBlockedSuspiciousEnterprise

Inputs

Standard, labeled, and search variants

Campaign Name

Tables

Data table with row-glow hover effect

CampaignStatusRequestsDecision

VSL VITALARTICACTIVE12,847ALLOWED

VSL GLYCENYXACTIVE8,392BLOCKED

VSL ERETTUSREVIEW3,156SUSPICIOUS

VSL HEPAXILPAUSED941--

Tabs

Navigation tabs with active indicator

System overview with real-time metrics and filter status.

12.8K

Requests

94.2%

Blocked

3.2ms

Avg Latency

COMPONENT LIBRARY // 6 CATEGORIES // OBSIDIAN DESIGN SYSTEM