colo r-a
Open Studio
Toolbox Specifications

Features & Capability Index

Everything you need to build client-side utilities. Modify src/config.ts to update this index automatically.

Studio Component 1
Config Key: "palette"

Harmonic Palette Generator

Generate Monochromatic, Analogous, Complementary, and Triadic palettes. Customize primary, secondary, and accent colors.

Designed to optimize web brand design. Adjust configuration inputs in the left sidebar dashboard to trigger immediate client-side adjustments in CSS variables, mockups, and exported JSON definitions.

Studio Component 2
Config Key: "gradients"

Gradient & Snippet Builder

Design linear or radial CSS gradients, modify angle rotation, and copy CSS or Tailwind class snippets instantly.

Designed to optimize web brand design. Adjust configuration inputs in the left sidebar dashboard to trigger immediate client-side adjustments in CSS variables, mockups, and exported JSON definitions.

Studio Component 3
Config Key: "contrast"

WCAG Contrast & A11y Auditor

Validate foreground and background contrast against WCAG AA and AAA requirements with interactive mockup verification.

Designed to optimize web brand design. Adjust configuration inputs in the left sidebar dashboard to trigger immediate client-side adjustments in CSS variables, mockups, and exported JSON definitions.

Studio Component 4
Config Key: "seo"

SEO Metadata Header Exporter

Compile theme-color tags, MS application tiles, Apple startup startup specs, and JSON-LD structured schemas.

Designed to optimize web brand design. Adjust configuration inputs in the left sidebar dashboard to trigger immediate client-side adjustments in CSS variables, mockups, and exported JSON definitions.