twc-008 / A study by Syafril · not client work

Chromatic Press: Chromatic Press

Explore ribbons, orbits and contours through three geometric algorithms, adjustable density and three ink sets. A fixed seed recreates the same artwork; the download is a self-contained editable SVG.

Try the demo Make it your own

Actual desktop capture of the Chromatic Press demonstration.

At a glance

Headline type: Bricolage Grotesque
Reading type: Inter Tight
Try this interaction: Three deterministic composition algorithms

Paper#e7e4db

Ink#232625

Vermilion#ee4d22

Cobalt#253eac

A schematic of the implemented composition.

WHAT IS HERE / WHAT COMES NEXT

Know what you are choosing.

Creative tools, print experiments and generative portfolios.

Working in this demo

Fifty-step undo/redo with grouped slider edits and scoped keyboard shortcuts
Browser drafts with validated JSON backup and selective restore
Three deterministic composition algorithms
Density, seed and named ink palettes
Editable self-contained SVG export

This tool includes a working workspace and its own component book. Its controls operate on local state.

Production integrations to discuss

Print production, color profiles, commercial asset management and order handling require separate implementation.

Exports are generated in your browser. No account, cloud storage or external service is connected.

1 implemented pages in this theme

See the visual page index

A limit to plan around

A procedural art study rather than an AI generator or professional prepress system. Downloads contain the artwork, not the surrounding proof labels.

Delivery & customization

Page scope, brand assets, content, handover, hosting, costs and support are discussed in a consultation before work begins. The demo is a reference for that conversation.

Prepare a brief for this direction

The idea

Treat generative design as a visible craft. The settings sit next to the proof, and every rule changes the actual downloadable geometry.

Visual language

Printing paper, vermilion and cobalt, cropped ribbons and registration marks. Vivid color lives in the artwork while tools remain legible.

Typography

Bricolage Grotesque, with ink traps cut for print, titles the press. Inter Tight reads the controls; IBM Plex Mono labels seeds, dimensions and edition marks.

Layout & composition

A working settings rail beside a print proof; compact mobile settings come before the artwork. Crop marks and paper edges establish a printmaker’s desk.

Motion & interaction

Changing a rule immediately redraws static SVG paths. There is no animated preview or remote generation wait.

Under the surface

A deterministic seeded generator is shared by the SVG preview and export. Local geometry uses no AI service, image API, canvas dependency or external fonts.

Designed for everyone

A styled native range and labeled number field expose density and seed to keyboard users. Palette buttons have readable names and pressed states, not color-only identification.