# Product ## Platform web ## Stack Eleventy (11ty) v3 static site, Nunjucks templates, plain CSS. Stays on 11ty — pinned by the user. Build path: code-led (no image generation available; only magick/ffmpeg converters reported by `impeccable context`). Comp-led is unavailable. ## Users CONFIRMED (user, 2026-10-03): 1. PRIMARY — the author himself. This is an art diary: a personal record of framebuilding as an art practice. 2. SECONDARY — potential frame customers, who read the blog as a portfolio and should finish wanting to commission a frame. Reader situation: Russian-speaking, reads on phone/desktop, evening; an enthusiast of steel frames and fixed-gear culture. ## Product Purpose CONFIRMED: an art diary first (the author's self-expression through the aesthetics of classic steel frames); a portfolio second (proof of craft that turns a reader into a prospective customer). Success (CONFIRMED): the reader understands the craft and the author's point of view, keeps reading — and, for the customer audience, wants to order a frame. ## Positioning CONFIRMED (user, 2026-10-03): Cyclocrust is bicycles and crust punk. The ethic is DIY and hardcore punk; the author is vegan and consumes minimally. Positioning = "framebuilding as an art project", self-expression through the aesthetics of classic steel frames — a maker's voice, not a shop. Visual code, also confirmed: take strict monochrome and the feel of a photocopied zine / noisy film from japanese crust punk, held inside a dosnoventa-tight, ordered structure. ## Operating Context Author writes long-form Russian posts with workshop and ride photographs. Posts are the primary unit; the index is the diary's front page and doubles as the portfolio entry. A "контакты" link exists in the header but points to a non-existent `links` page. ## Capabilities and Constraints - Static 11ty site, output to `dist/`; passthrough copy of `static/**` and `posts/**/*.jpg`. - Post collection tagged `posts` via `_includes/post.njk`; `index.njk` lists posts. - Russian-language content (lang="ru"). - Durable assets: logo (C mark, inline SVG); `static/images/hero.jpg` (night film photo: fixed-gear rider between a Photoautomat booth and a red vending machine); `posts/intro/conno_lugs_commercial.jpg` (flat-lay of Cr-Mo "SUPER-STRONG" tubing, lugs, BB shells, dropouts, Japanese catalogue labelling). - UNDECIDED: whether a contacts/commission page gets built; exact site title ("Cyclocrust 51" vs "cyclocrust"). ## Brand Commitments - Name: Cyclocrust / "cyclocrust". - Logo mark: the **eye** — two arcs, an iris ring, a filled diamond pupil (author's identity sheet `../identity/logo.svg`; the "51" rhombus and the frame wordmark are not used). Reusable motif: the four `////` mitre strokes. - Language: Russian. - Visual code (CONFIRMED): strict monochrome; photocopied-zine / noisy-film texture; japanese-crust attitude inside a dosnoventa-tight grid; a serif face for body text. Brand display face is **Futura** (the author's identity sheet is Futura PT); the web build uses Jost, a Futura homage, since Futura has no free webfont. - Preserve: existing post text, the two photographs, the 11ty stack. ## Evidence on Hand - `static/images/hero.jpg` — night flash film photograph, heavy grain, deep blacks, single hard light (real, author's own). The dominant visual evidence of the "art diary" world. A 1-bit halftone version (`hero-xerox.png`) ships on the site. - `posts/intro/conno_lugs_commercial.jpg` — flat-lay component scan with Japanese catalogue labelling (real); halftone version `posts/intro/lugs-xerox.png`. Evidence of the technical/specification world. - `posts/intro.md` — intro post. - Contacts (CONFIRMED): e-mail `order@cyclocrust.net`, Instagram `cyclocrust`. - Identity assets (`../identity/`): `logo-mark.png` (the eye — inlined as SVG in the masthead), `51.png`/`51.svg` (the "51" diamond — inlined in the colophon). - ABSENT (must not be fabricated): customer testimonials, frame prices, build counts, press, awards, delivery claims. ## Product Principles 1. The craft is the subject: real work, real material, real process — never generic "industrial" decoration. 2. Voice over inventory: an art practice, not a shop. 3. Night-workshop, photographic atmosphere — read the light from the material already on hand. 4. Reading comfort is part of the design: a calm column inside a committed frame. 5. The portfolio duty is real: a visitor must find the path to commissioning within seconds. ## Accessibility & Inclusion Keep body text contrast ≥ 4.5:1, keyboard-operable navigation, and a readable measure (~65–75ch). No product-specific standard was established beyond this.