VISUAL LAYER

EFFECTS

Obsidian's layered visual effects create depth, atmosphere, and a sense of digital intelligence. Each effect serves a purpose — from ambient texture to interactive feedback.

Matrix Rain

Ambient runic/binary cascade background

Matrix Rain Active

Scanlines

CRT-style horizontal line overlay

System operational

Scanlines add CRT texture to the entire viewport

Vignette

Radial darkening at viewport edges

Focus draws inward

Edges darken to frame content

Neon Text

Cyan glow text-shadow effect

HEADING ONE

HEADING TWO

INLINE SPAN

Border Beam

Animated conic-gradient border rotation

Border Beam

A rotating conic gradient creates a beam of light that sweeps around the border edge.

Glass Morphism

Frosted glass with backdrop blur

Glass Panel

Backdrop blur with subtle inner glow creates a translucent, frosted appearance.

Spotlight Card

Mouse-tracking radial highlight

Spotlight Active

Move your cursor over this card to see the radial spotlight follow your mouse position.

Pulse Glow

Breathing border + box-shadow animation

Pulse Active

A 3-second breathing cycle modulates border brightness and box-shadow intensity.

Shimmer

Loading placeholder with sweeping highlight

Text Gradient

Animated flowing gradient text

OBSIDIAN PROTOCOLDesign System v1.0FORGE DIGITAL GROUP

EFFECTS CATALOG // 10 MODULES // OBSIDIAN DESIGN SYSTEM