COMPOSITE ELEMENTS

PATTERNS

Recurring visual patterns that define the Obsidian interface. These combine multiple tokens and effects into cohesive, reusable structures.

Terminal Window

The signature terminal pattern — title bar with traffic lights, mono text, blinking cursor

obsidian@intercept:~
> SYSTEM ONLINE
> FILTER: NASA-GRADE ACTIVE
> CHALLENGE MODULE: LOADED
> AWAITING INPUT...

Corner Decorations

The signature 3px border segments at card corners — Obsidian's most distinctive pattern

DEFAULT
ALL CORNERS

Status Lines

Monospaced status indicators with pipe separators — used in headers and footers

SYSTEM: ONLINE|FILTER: ACTIVE|SCORE: 100/100|RANK: HUMAN
THREAT: DETECTED|IP: 192.168.1.***|SCORE: 15/100|ACTION: BLOCKED

Boot Sequence

Terminal text with staggered typeIn animation — creates a system initialization feel

> INITIALIZING OBSIDIAN PROTOCOL...
> LOADING FILTER MODULES...
> ANALYZER: IP REPUTATION [OK]
> ANALYZER: DEVICE FINGERPRINT [OK]
> ANALYZER: BEHAVIOR SCORING [OK]
> SYSTEM STATUS: OPERATIONAL

Section Dividers

Gradient lines with optional dot markers for visual separation

SIMPLE
WITH DOT
WITH LABEL
SECTION

Stat Cards

Metric display cards with gradient backgrounds and icon accents

847K
REQUESTS FILTERED
99.2%
BOT DETECTION
12ms
AVG RESPONSE

Feature Lists

Checkmark lists with subtle glow accents for feature displays

  • NASA-grade bot detection
  • JS challenge with PoW
  • HMAC-signed offer URLs
  • Real-time analytics
  • Multi-domain support
  • Geo-targeting filters