Mono-Chroma Field
Let one chromatic field carry identity across content, rules, media, and chrome.
Read the patternAn evolving design language
Pixelgrade Pattern Language
A living language for making coherent, original sites across scales.
Each pattern names a recurring problem, the forces that make it difficult, and a resolution that can produce many different forms.
Read the language
From the whole site to the smallest rule.
15 patterns in view
What do the stages mean?
- Canonical
- Reviewed, recurrent, and validated through original composition.
- Emerging
- The invariant is visible, but an important contradiction or composition test remains.
- Field Note
- A contextual observation whose broader claim is still deliberately small.
- Merged, Retired, Contradicted
- Useful history stays public when the language changes its mind.
Glued Split Band
Make a media-and-text section behave like one edge-to-edge chapter.
Read the patternMedia / Text Split
Give image and argument distinct roles inside one shared field.
Read the patternCompound Hero
Let a dominant statement, primary image, and small explanatory moment share one opening.
Read the patternDuotone Collage
Turn several images into atmosphere behind a single editorial voice.
Read the patternIndex Strips
Turn a compact index into full-width typographic rhythm through controlled repetition.
Read the patternOffset Three-Column Band
Use deliberate emptiness to turn supporting lists into an editorial counterweight.
Read the patternParametric Wall
Arrange a collection around a focal hierarchy instead of a uniform catalogue grid.
Read the patternSplit Identity Hero
Open with a claim and a qualifying passage locked to one shared baseline.
Read the patternStatement / Quote Band
Let language carry an entire section without asking imagery to decorate it.
Read the patternStatement Over Portrait
Let display language physically meet a portrait so person and proposition become inseparable.
Read the patternValues Slideshow
Give each value a full stage while preserving a visible sequence.
Read the patternLogo Wall
Make accumulated relationships feel like evidence, not a sponsor inventory.
Read the patternWordmark Footer
Close the site with a brand-scale sign-off beneath quiet utility content.
Read the patternBlock Overlap
Let one bounded object cross a seam so adjacent parts become one moment.
Read the patternNo pattern matches this view. Try a wider scale or status.