Barcelona mosaic

#Retro#Animated#Minimal#Mosaic

Customize in Studio

Live Shader Parameters

Cell Size10px

Contrast100%

Brightness0%

Tint Color#d8b46a

BloomHalftone ScanlinesVignetteGlitch FX

# Thryvane ASCII Shader: Barcelona mosaic

## Objective
Implement a production-grade, interactive ASCII shader component named "Barcelona mosaic" within the Thryvane Design System.

## Architecture & Tokens
- Canvas Base: Thryvane Minimal Dark aesthetic (#090909 background, #141414 surface-1, #262626 hairline border).
- Cell Size: 10px monospace typography.
- Accent Tint: #d8b46a.
- Contrast: 100%, Brightness: 0%.
- Post-processing: Bloom (disabled), Halftone (enabled), Vignette (disabled).
- Responsive: Support fluid scaling on Mobile (375px), Tablet (768px), and Desktop (1440px).
- Accessibility: Respect prefers-reduced-motion with static fallback and proper ARIA labels.