Maroon Design System — Token & Component Showcase

Color Tokens

Primary

#9c5f84

Gradient End

#c480a3

LIHI Primary

#0d7963

Success

#2e7d32

Warning

#B8860B

Error

#C91C1C

Component Primitives

Buttons & Interactive

AgentChat Primitive (Shafana)

Hello! I am Shafana, your assistant for Maroon Technologies and Onitas Market.

How do I access EBT resources on the platform?

Token Specification

Design token configuration in tokens/colors.json:

{
  "color": {
    "primary": "#9c5f84",
    "gradient-end": "#c480a3",
    "surface": "#fafafa",
    "border": "rgba(0,0,0,0.08)",
    "text-primary": "#1a1a1a",
    "text-secondary": "#666666",
    "lihi-primary": "#0d7963",
    "success": "#2e7d32",
    "warning": "#B8860B",
    "error": "#C91C1C"
  },
  "border": {
    "width": "0.5px",
    "radius": "12px",
    "radius-sm": "6px"
  },
  "spacing": {
    "base": "4px",
    "mobile-max": "380px"
  }
}