Swiss Red: a strict grid of black shapes around one red disc
Swiss Red follows the International Typographic Style to the letter: an eleven-column grid of hairline rules filled with black discs, black rings, light grey squares and quarter discs whose corners all turn toward one large red disc. The red disc covers a two by two block of cells right of center, and the shapes change in orbits around it, so the grid feels organized rather than random. Material is flat at a Material strength of 0, leaving pure white paper and solid ink with no texture at all.
Make it yours
Fill the empty cells
Tension controls how many cells stay blank. At 40 a good share of the grid is white space; raise Tension to 100 and noticeably more cells take a disc, ring or square, especially close to the red disc.
Thicken the rings
Depth sets the stroke weight of the black rings, which are fine at 30. Raise Depth to 80 and they turn noticeably bolder, the quickest way to give the grid more weight without adding shapes.
FAQ
Why does Swiss Red have no separate signal mark?
Its Signal color is set to black, the same as Text ink, so the system skips the small dot it would otherwise place inside the red disc. Pick any other Signal color, such as a yellow, and a dot in that color appears at the center of the disc.
How it works
Pick a direction
Start from one of 20 looks such as Transformative Teal, Swiss Red, Bioluminescent or Riso Club, or choose a Family such as Echo rings, Particle coast or Ribbon stack.
Compose it
Choose a Balanced, Focal, Edge, Repeat or Interface composition, drag to move the focal point, and set Element count, Shape scale, Rotation, Rhythm, Tension and Depth.
Set the roles and use it
Color the Ground, Text ink, Brand, Brand 2 and Signal roles, pick a Material and its strength, preview it in product, landing, AI and mobile layouts, then sign in with a free UX Pilot account to use it on the canvas or export it.