Brand Mark Generator: Symmetry & Colour Harmony

Mark Structure

Symmetry order 6

Organic variance 15%

Brand Colour

Base hue 18°

Harmony rule

Live Readouts

Point group

Mark instances

Primary-on-dark contrast (WCAG)

— : 1

How it works

A brand mark here is generated from a finite rotational symmetry group C_n: n identical elements placed at angles θ_k = 2πk/n around a hub, each transformed by the same rotation that maps the mark to itself. This is the same group theory that governs real logo construction (think of the n-fold marks used by many wordless brand symbols):

θ_k = 2πk / n,  k = 0 … n-1
position_k = R · (cos θ_k, 0, sin θ_k)
"Organic variance" v perturbs each θ_k, R and scale by
±v · noise_k, so v=0 is a perfectly regular mark and
v→1 reads as hand-crafted / imperfect.

The palette is derived from one base hue h using a real colour-harmony rule on the HSL wheel:

Monochromatic:        h, h,        h            (S/L vary only)
Analogous:             h, h-30°,   h+30°
Complementary:         h, h+180°,  h+180° (dim)
Triadic:               h, h+120°,  h+240°
Split-complementary:   h, h+150°,  h+210°

Contrast is computed with the real WCAG 2.1 formula: each channel is linearised (c ≤ 0.03928 → c/12.92, else ((c+0.055)/1.055)^2.4), relative luminance L = 0.2126R + 0.7152G + 0.0722B, and contrast = (L1 + 0.05) / (L2 + 0.05) with L1 the lighter of the two colours. 4.5:1 passes WCAG AA for normal text — the exact bar a real brand-guideline document has to clear before a colour can sit on a dark surface.

Symmetry order — how many repeated elements form the mark (3–12).
Organic variance — how far each element deviates from perfect symmetry.
Base hue + harmony rule — the brand's primary colour and how the supporting palette is derived from it.
Regenerate — reseeds the noise so a new organic layout is drawn with the same parameters.

Primary Secondary / accent

⚠ Couldn't load the 3D engineThree.js failed to load from the CDN. Check your connection and reload.