Saltar al contenido principal
Back to the Lab

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

Sample

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