Geometric Shapes & Graphics

Geometric shapes, and why nobody agrees what they mean

If you have ever tried to decide which color belongs on a triangle, you will know there is no settled answer, and that people have strong opinions about it anyway. Designers like to assume these forms carry some built-in meaning, and it turns out they mostly do not.

Kandinsky actually checked it. In 1923, he handed around a form at the Bauhaus, asking people to fill a triangle, a square, and a circle with red, yellow, and blue, and to say why they chose what they chose. He was hoping to confirm what he already believed: yellow triangle, red square, blue circle. Enough of the school agreed with him that the combination ended up in the murals and the furniture and, eventually, on every Bauhaus poster ever printed. Klee and Schlemmer picked differently. So has more or less everyone since: psychologists have re-run the survey for decades and keep getting other answers, usually because people are thinking about warning signs and traffic lights rather than about form.

That is worth keeping in mind if you are building a system out of these shapes. They pick up meaning from what sits next to them, how heavily they are drawn, and how often they come back, which means the work is yours, not someone else's. It also means the shapes travel well: a set of circles and arcs will endure a rebrand, cross into another market, and hold up when the client changes their mind about the palette.

Briefs that call for geometric shapes

• Brand systems that need one visual language across an app icon, a business card and a building sign.
• Conference and festival identities, where the same set has to generate a hundred variations.
• Data-led editorial and annual reports, where the shapes carry structure.
• Packaging for categories with nothing to photograph: supplements, software, financial products.
• Backgrounds and section dividers on websites, where the artwork has to stay out of the way of the text.
• Textile, tile and surface pattern work built on a repeat.

Getting a set of shapes to behave like a system

Pick one rule and stick to it: a corner radius, a stroke weight, or the angles you'll let lines sit at. It sounds fussy for a folder of circles and triangles, but it's what stops the set from falling apart when you come back and add to it later, because you'll know what a new element has to match.

On screen, the thing that catches people out is pixel alignment. If the shapes were drawn at whatever coordinates, they'll land halfway between pixels when you export at 1×, and a 1.5px stroke goes soft on a normal monitor. Snap everything to whole pixels at your base size and keep the stroke weights on whole numbers before you hand anything over.

In print you get the opposite problem, where the shapes are so exact that any movement on press shows up. If two colors meet along an edge and the sheet shifts slightly, you get a white line along it, so give them a small overlap. And if there's a big solid panel in there, tell the printer you want rich black or a second hit — or it comes back blotchy on uncoated paper.

Kinds of geometric material, and what each is for

• Constructed vector. Polygons, arcs, rays, ruled lines, corner elements. Drawn on a grid with stated weights and radii.
• Sacred and symmetrical geometry. Compass-built figures with a long history behind them, e.g., mandalas, tessellations, star polygons. Closed and radially symmetrical, so they behave like marks.
• Diagram and wireframe. Grids, plots, graphs, orbital and mesh structures borrowed from technical drawing.
• Brutalist and cyber. Heavy blocks, hard corners, panel fragments and interface debris. Loud enough to carry a poster on their own.
• Fluid and soft geometry. Blobs, waves and rounded forms that keep a constructed logic underneath. The usual bridge between a strict grid and something warmer.
• Rendered 3D shapes. Glass, chrome and gradient objects supplied as fixed-angle PNGs. Geometric in form, but they come with lighting attached and cannot be relit.