website/PRODUCT.md

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.