Brand Guidelines

Theme Playground

Editor live de temă - experimentează cu culori, spacing, radius și font size

Primary Color

Accent Color

Border Radius: 12px

Spacing Scale: 1.00x

Font Size Scale: 1.00x

Preview Components

Buttons

Card

Card Title

This is a preview card with custom styling applied from the playground controls.

Input

Alert

This is an alert message with custom primary color.

Typography

Heading 1

Heading 2

Body text with custom font scale

Small text with custom font scale

Generate Code

{
  "colors": {
    "primary": "#1F7A45",
    "accent": "#F4C447"
  },
  "radius": "12px",
  "spacing": {
    "scale": 1,
    "base": "4px"
  },
  "typography": {
    "scale": 1,
    "base": "16px"
  }
}