System Core

Design Foundations

The primary visual engine of your landing page. Manage colors, type, depth, and atmospheric structural patterns in one workspace.

Harmony Engine

Color Harmony Forge

Design high-impact color systems with mathematical precision and accessibility checks for the modern web.

Seed Identity

A11Y Check

On White4.28:1

On Black4.91:1

Visual Test

High Impact Heading

Testing how your seed color performs as an accent in a real UI context.

Monochromatic

Tint#CCCCFF

Seed#6666FF

Shade#0000FF

Analogous

Analogous 1

#B366FF

Seed

#6666FF

Analogous 2

#66B3FF

Triadic

Seed

#6666FF

Triad 1

#FF6666

Triad 2

#66FF66

Tetradic Balance

#6666FF

#FF66B3

#FFFF66

#66FFB3

Tailwind Export

// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: {
        brand: {
          primary: '#6666FF',
          accent: '#ffff66',
          surface: '#ccccff',
        }
      }
    }
  }
}