Dot Grid
16px spaced lime dots on dark surface. Default density for backgrounds and empty states.
Dot Grid Dense
8px spaced dots, tighter weave. Use for small panels or thumbnail backgrounds where detail matters.
Dot Grid Sparse
32px spacing with larger dots. Subtle backdrop for hero sections and large content areas.
Crosshair Grid
80px grid lines with centered crosshair dots. Technical blueprint feel for header and footer sections.
Crosshair Grid Tight
40px tight grid variant. Higher density crosshair pattern for smaller panels and technical overlays.
Wireframe Perspective
60px wireframe grid with radial glow center. Creates depth illusion for 3D-feel backgrounds.
Symbol Grid
32px SVG X-marks repeating tile. Adds branded texture with subtle lime cross symbols.
Plus Grid
32px SVG plus-sign repeating tile. Minimal technical grid using additive cross markers.
Frame Bracket
Top-left and bottom-right corner brackets in lime. Minimal HUD framing for content panels.
Frame Bracket Full
All four corner brackets via ::before/::after plus .frame-bracket__inner pseudo-elements. Full containment frame.
Frame Tech
Clipped polygon border with 12px corner cuts. Sci-fi panel frame with lime 1px stroke.
Frame Tech Small
8px corner cuts variant. Tighter clip-path for smaller UI elements like badges and tags.
Frame Tech Large
20px corner cuts variant. Dramatic angled frame for hero panels and large feature cards.
Frame Notch TR
Top-right 16px notch clip-path. Asymmetric cut suggesting a data port or interface slot.
Frame Notch BL
Bottom-left 16px notch clip-path. Mirror of TR notch for opposing panel layouts.
Frame Notch Both
Top-right and bottom-left 16px notches. Diagonal symmetry for balanced technical framing.
Hazard Stripes
Bold 10px repeating diagonal stripes in lime and black. High-visibility warning pattern for critical UI zones.
Hazard Thin
5px thin stripe variant. Tighter diagonal bands for smaller warning indicators and border accents.
Hazard Subtle
15% opacity translucent stripes on black. Background-safe warning texture that does not overpower content.
Warning Bar
Solid lime bar with black text and diagonal stripe accent on right edge. Attention-grabbing alert banner.
Circuit Trace Horizontal
SVG horizontal circuit path with solder points. Repeats on x-axis at 20px height. Use as a decorative trace divider.
Circuit Board
80px tiling SVG with vertical and horizontal PCB traces plus junction nodes. Full-surface circuit texture.
Scanlines
2px repeating horizontal scanlines at 15% opacity. CRT monitor overlay for retro-tech atmosphere.
Scanlines Heavy
1px tight scanlines at 25% opacity. Heavier CRT effect for dramatic overlays and image treatments.
Noise Texture
SVG fractal noise via ::after pseudo-element at 4% opacity with overlay blend. Adds analog grain to any surface.
Data Rain
Vertical 40px column lines with top-bottom neon gradient wash. Matrix-inspired data stream background.
Industrial Surface
Multi-stop dark gradient with inset highlight and shadow. Brushed metal feel for tool panels and sidebars.
Tech Divider
Centered gradient line fading from transparent to lime from both edges. Clean section separator with tech glow.
Arrow Divider
Left-extending line with right-facing arrow triangle. Directional separator indicating flow or progression.
Dashed Divider
Repeating 8px lime dashes at 50% opacity. Lightweight separator for secondary content breaks.
Double Divider
Two parallel gradient lines 5px apart, fading from transparent to lime. Emphatic section break for major transitions.