Compose two styles
Rather than blending two styles into a middle, this assigns them roles: one carries the structure, the other appears as an accent. Where the two fight, it says so before you start.
How to divide the work
- Composition
- Follow Neubrutalism: Divide into clear boxes; shadows in one direction
- Type
- Set in Neubrutalism's manner (Bold sans, monospace), and let Web Brutalism's lettering (Keep the default face and push only the headings to full page width) appear only where you want the eye to catch.
- Material
- Ground in Neubrutalism's material (Off-white plus vivid color, black borders, few rounded corners); bring in exactly one thing from Web Brutalism (White or one flat ground, images left compressed and placed at actual size).
- Colour
- Build on #f2e9d8, #ff645a, #1b1b18 and admit one accent from #ffffff, #0000ee, #000000.
Where they fight
- Both belong to UI Expression, so the difference is small. Push the roles further apart than feels comfortable.
Caution
- Neubrutalism Don't border and shadow everything. Vary the strength by hierarchy.
- Web Brutalism Tidying only the margins and line lengths while posing as the browser default makes the plainness read as staging, and readers quit while still hunting for a reason behind the mess.
Image prompt
An original image that takes its structure from Neubrutalism (Style, 2010s–) and its accent from Web Brutalism (Style, 2014–). Structural cues: Thick black borders; Hard shadows; Vivid color; Flat components. Accent cues, used sparingly: Default headings and links; Blue underlined links; Extreme jumps in size; Rules and white space without ornament. Composition: Divide into clear boxes; shadows in one direction. Type and lettering: Bold sans, monospace. Let one material quality come from the second style: White or one flat ground, images left compressed and placed at actual size. Mood: Play, Rebellion, Trust. Color: build on #f2e9d8, #ff645a, #1b1b18 with a single accent drawn from #ffffff, #0000ee, #000000. Constraints: do not imitate, reference or name any specific artist, studio, brand, character or copyrighted work. Produce an original composition in the general period languages described above.
Related entries
- Neubrutalism 2010s– / Style / UI Expression
Rebels warmly against the over-polished web with thick borders and blunt color.
- Web Brutalism 2014– / Style / UI Expression
Puts the browser's default rendering straight on screen and refuses the finished look of templates. The bare structure of the HTML becomes the style itself.
Share this pairing:https://indexstyle.org/compose?ids=neubrutalism+web-brutalism