Less theory.
A little more play.
Change a variable. Notice what happens. Take something away.
A system.
Endless possibilities.
Small rules can make a surprising amount of variation. The same seed always creates the same pattern. Change the seed or the rhythm, then save your own SVG.
Good together.
Readable together?
A color pair can feel harmonious and still be hard to read. Explore the WCAG relative-luminance contrast ratio for solid sRGB colors.
AA thresholds: 4.5:1 for normal text; 3:1 for large text (at least 18 pt, or 14 pt bold). This checks the selected pair, not an entire interface, images, gradients, or transparency. Read the W3C explanation ↗
Make room
for a good idea.
Readability is part of the design.
This smaller sentence helps you compare.Find a rhythm.
Give it some space.
Columns create alignment. Gutters create breathing room. The overlay shows how the chosen grid sits across a sample composition; it doesn’t move the sample content.
a little structure.
detail