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 Low-Tech Web Design: One column running down the page with no decorative frames; images may exceed the text column in size as long as they weigh less than the original file.
- Type
- Set in Low-Tech Web Design's manner (Load no web font; set in a monospace or whatever the browser already has, and hold the text to a single column around 33rem wide.), and let Risograph's lettering (Bold letters or homely serifs, separated by color plate) appear only where you want the eye to catch.
- Material
- Ground in Low-Tech Web Design's material (Convert images to four level black and white dither and add color afterwards with a CSS filter per category, then tie the height of a background field to the power supply.); bring in exactly one thing from Risograph (Two or three spot colors, coarse halftones, uncoated paper).
- Colour
- Build on #FFF5D1, #162DAB, #D11305 and admit one accent from #f2e6c9, #ff4d70, #185aa8.
Where they fight
These two are already listed as related, so the join should come easily.
Caution
- Low-Tech Web Design Copying the dithered look by running a filter over full resolution photographs leaves the payload untouched, producing a heavy page that only looks light.
- Risograph Don't fake it with a noise filter. Design how the colors overlap first.
Image prompt
An original image that takes its structure from Low-Tech Web Design (Style, 2018–) and its accent from Risograph (Technique, 1980s– / contemporary revival). Structural cues: Photographs are reduced to black and white with four levels of grey, the dot grain left plainly visible; The height of the colored field behind the page shows remaining battery charge and falls at night or in bad weather; No web font is loaded at all, so text arrives in a monospace or the browser's own default; Each content category paints the page a fixed color, blue #162DAB, red #D11305, or green #006951. Accent cues, used sparingly: Misregistration; Spot-color inks; Halftone dots; Paper show-through. Composition: One column running down the page with no decorative frames; images may exceed the text column in size as long as they weigh less than the original file.. Type and lettering: Load no web font; set in a monospace or whatever the browser already has, and hold the text to a single column around 33rem wide.. Let one material quality come from the second style: Two or three spot colors, coarse halftones, uncoated paper. Mood: Calm, Rebellion, Technology, Intimacy, Play. Color: build on #FFF5D1, #162DAB, #D11305 with a single accent drawn from #f2e6c9, #ff4d70, #185aa8. 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
- Low-Tech Web Design 2018– / Style / UI Expression
The style starts where Kris De Decker and his collaborators moved Low-tech Magazine onto a solar powered server in 2018 and published how they had built it. Images drop to black and white with four levels of grey, not one web font is loaded, and the height of the colored field behind the page reports how much charge the battery has left. Data weight becomes the first constraint on the layout.
- Risograph 1980s– / contemporary revival / Technique / Stencil Printing
Keeps the per-color plates and their happy misregistration, giving each copy its own body heat.
Share this pairing:https://indexstyle.org/compose?ids=low-tech-web+risograph