A Reference Library
for Background Design

Backgrounds are the foundation that every other design element sits on. They set the visual register of a layout — quiet or loud, warm or cool, structured or organic — before a reader has even processed the content. Whether you are building a website, a presentation, a social-media post or an app interface, the background decides how much room the rest of the design has to breathe.

Backgrounds are not purely decorative. They guide attention, establish hierarchy, support readability, and carry brand personality. A well-chosen background can lift a layout that would otherwise feel flat; a poorly chosen one can compete with the message and tire the eye. This site is a reference library for thinking through those choices.

Background design is older than the web. The vocabulary used here — value, ground, surface, tessellation, restraint — comes out of two centuries of poster design, editorial typography, mid-century industrial design and the studio practice of painters who treated the empty canvas itself as material. The Swiss design tradition formalised the grid as a working tool; the Bauhaus argued that geometry, primary colour and disciplined composition were the basis of a modern visual language; the Japanese aesthetic principle of ma insisted that empty space is not absence but an active part of a composition. When you decide whether a hero section needs a quiet near-white, a structural grid or a saturated brand colour, you are making a choice that has been argued about and refined by designers for a long time.

What the digital era added is a new set of constraints. Screens vary in colour gamut, brightness and pixel density; OLED panels behave differently from LCDs; system-level dark and light modes can swap your canvas without warning; accessibility regulation imposes minimum contrast ratios that a print designer never had to think about. A background that worked on press paper may not survive being shown on a phone in direct sunlight, and a background that looks calm on a designer's calibrated monitor may halate uncomfortably on the same phone in a dark room. The category pages on this site treat each style of background as a working object that has to behave in those modern conditions, not just as a static image.

The site is also explicit about what it is not. It is not a stock-image marketplace, not a community where anyone can upload a background, and not a generator that produces backgrounds on demand. It is an editorial reference: each page describes a category, the design tradition it sits in, the working trade-offs it forces, and the practical constraints (accessibility, performance, ageing) that decide whether it is the right choice for your project. Pages are revised when guidance, platform conventions or accessibility standards change.

Start with the category that matches your visual register. If you already know you want a quiet, photo-friendly canvas, the light backgrounds page is the right entry point. If you need something with movement, start with gradients or abstracts.

Inside each category, sub-pages drill into a single technique — for example, the gradient hub branches into linear, radial, mesh and animated gradients. Each sub-page repeats the same structure so you can compare techniques quickly.

Color-led pages such as black and red are organised differently: their sub-pages combine a tonal range with a technique (for example, red gradient or black pattern), so they are useful when you already know the dominant color of your design.