Saltar al contenido principal
Volver al Lab

Lab

Estudio de identidad visual

Cambia la paleta, las curvas y las superficies, y mira cómo cambia un componente en vivo.

Firma Mario Morera
// 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)',
      },
    },
  },
};
Vista de ejemplo · componente en vivoSignal Neo-Terminal

Next.js 16 Edge Node

Production Cluster · v3.4.0

Ejemplo

Este componente se renderiza en tiempo real adaptando los tokens de borde, color de acento y física de refracción seleccionados en la consola izquierda.

Radio
12px
Desenfoque
16px
¿Quieres esta estética "Signal Neo-Terminal" en tu propio sistema?Consultar por WhatsApp