Material Minimal 3

Semantic token architecture inspired by Google Material You 3, featuring container tones and tonal palettes.

Token Mode:

CTA Contrast Ratio:6.44:1 (WCAG AA Pass)

Recommended Use Cases & Project Fit

Practical compatibility guide for project types, target industries, and visual personality.

Design Intent

Best For:

Indie Hacker ProductsProductivity Micro-AppsClean Landing PagesCreative Portfolios

Vibe & Visual Personality:

Airy, soft container boundaries, modern Material 3 tonal elevation.

Target Industries:

Indie MakersDesign ToolingConsumer SaaSCreative Agency

Typography & Grid Pairing:

Rounded-2xl containers, subtle pastel containers, clean pill badges.

Klik swatch untuk menyalin nilai HEX atau Tailwind class ke clipboard.

Base CTA: #5E4A96

Warna aksen pendukung untuk badges, highlight, dan secondary CTAs.

Base: #625B71

Warna canvas, divider, border, dan typography foreground.

Tone: Cool Slate