Carbon

A monochrome portfolio built as a focus instrument for charcoal texture, pressure, and erasure.

How it was made

One visual idea, held from the first sketch to the last media query.

The opening image is the artist's charcoal portrait. A duplicate focus layer only changes how closely the original surface can be inspected.

Motion values move a crisp radial aperture across a darker base image without rerendering React or altering the artwork itself.

Four original works use different scales and offsets. Saturation returns gently on hover to distinguish paper, pastel, and canvas.

Prints are visible as a future path, but every transactional control remains disabled and clearly labeled.

Every pass ran on real desktop and phone renders, and only counted when it fixed something you could see.

Artwork hierarchy
Kept the charcoal portrait as the first and largest visual, then added a hairline focus ring that clarifies the aperture without covering the work.
Mosaic pacing
Reduced the two strongest desktop offsets and made reveal fallbacks visible so every work survives fast scrolling and missing observers.
Mobile and access
Reduced the phone title scale to prevent clipping, then verified the native menu, About, Guide, disabled store, focus, and 390-pixel overflow.

Write the scene before the palette. Choose what visitors should physically feel, then set color, type, motion, and material around it.

The artwork stays in charge. Code and procedure can set the atmosphere, but they never stand in for the work.

Reduced motion, focus states, and a stable fallback ship first. Spectacle comes last.