Cargando...

Preparando tu experiencia

Design System Check

Verifying color palette, typography, and dark mode configuration.

Action Colors

Primary

Brand Identity

Success

Completed Acts

Warning

Cautionary

Danger

Destructive

Info

Informational

Neutral Palette

50
100
200
300
400
500
600
700
800
900
950

Card Styles

Standard Card

Default card style with slight shadow and border.

Hover Effect

Card that elevates and highlights on hover.

Flat Dashed

Useful for "Add New" placeholders or secondary content.

+

Shadow Experiments

Testing different elevation levels to see what fits our design pattern.

☁️

Subtle

shadow-sm
📦

Standard (Medium)

shadow-card
🚀

Floating

shadow-xl

Glow

shadow-primary/20

Chat Component Preview

AI

Assistant

Welcome to the request system. How can I help you today?

U

I need to configure the color palette.

Base Components

Input Field

Value:

Buttons