🧪 Design Branding Simulation
Build a 3D brand mark from a rotational symmetry group and a real colour-harmony rule (monochromatic, analogous, complementary, triadic, split-complementary), with live WCAG contrast readouts for the resulting palette.
Every wordless brand mark is built on two decisions: a repeatable geometric structure and a disciplined colour palette. This simulator makes both explicit and interactive. The mark itself is generated from a rotational symmetry group Cn — n identical faceted elements distributed at equal angles around a central hub, exactly the construction behind most abstract logo geometry — with an "organic variance" parameter that perturbs the perfect symmetry so the mark reads as hand-drawn rather than mechanical. The palette is derived from a single base hue using one of five real colour-harmony rules from the HSL wheel (monochromatic, analogous, complementary, triadic, split-complementary), and every resulting primary colour is scored against the WCAG 2.1 contrast formula so you can see, live, whether it would actually pass an accessibility check on a dark brand surface. Rotate the mark in 3D, swap symmetry orders and harmony rules, and regenerate the organic seed to explore how structure and colour theory combine into a finished brand identity.
This simulation allows users to experiment with design and branding principles. It could involve creating logos, color palettes, or brand guidelines – a hands-on exploration of visual communication.
2D · HTML5 Canvas 2D · 60 FPS target · runs fully client-side, no install