Lab
Visual identity studio
Change the palette, corners and surfaces, and watch a live component change.
Mario Morera Signature
// tailwind.config.ts — Generado por MMORERA Design Token Studio
export default {
theme: {
extend: {
colors: {
brand: {
accent: '#71F3A2',
secondary: '#55D8FF',
surface: '#0D1117',
},
},
borderRadius: {
custom: '12px',
},
backdropBlur: {
custom: '16px',
},
boxShadow: {
glow: '0 0 32px rgba(113, 243, 162, 0.25)',
},
},
},
};Sample view · live componentSignal Neo-Terminal
Next.js 16 Edge Node
Production Cluster · v3.4.0
This component renders dynamically adapting the tokens for border radius, accent colors, and surface glass refraction chosen on the left workbench.
Radius
12px
Blur
16px
Want this "Signal Neo-Terminal" design language on your system?Chat on WhatsApp