PERSONAL•2026•Duccio Meconcelli

DucGraphix

Next.jsReactTypeScriptTailwind CSSMotionStatic ExportGitHub Pages
§ 00 // ABSTRACT

A visual archive of personal graphic design work (playlist covers, stickers, posters and event identities) presented as collectible packs hanging from a shelf, each with its own visual style.

DucGraphix is the online archive of the graphic work produced over the years: Spotify playlist covers, event stickers and posters. The home page is a perforated shelf where every project hangs as a trading-card pack; opening a project tears the pack and releases its works as cards.

DucGraphix cover
DucGraphix — graphic design visual archive

Projects as Packs

Each project is a self-contained collection with its own visual language, so the archive reads as a set of distinct editions rather than a uniform gallery:

  • Per-Project Styles: A registry of complete styles (colors, fonts, pack artwork, layout) such as brutalist, Y2K, zine and heraldic. Every project is assigned one, and unassigned styles are kept in reserve for future work.
  • Tear-Strip Interaction: The top strip of a pack is torn by dragging, or with a click or the Enter key, revealing the works as cards.
  • Archived Work: Playlist covers (2024), Orto Drink Fest 2022 posters, Buonconvento Day 2025 stickers and the 2026 heraldic sticker.

Asset Pipeline & Deployment

  • Originals and Previews: Source files live in GRAFICHE/. A build script (npm run assets) generates two WebP previews (800 and 1600 px) per work and keeps the full-resolution original available for download.
  • Static Export: Built with Next.js in output: "export" mode and published on GitHub Pages, with an optional base path for sub-directory hosting.

Resources