twc-016 / A study by Syafril · not client work
A fictional watch drawing workshop whose site is one drawing sheet, M—01. The first screen is the working drawing: real radios for three dials and two strap silhouettes beside the original vector they change, a detail lens and the SVG it exports. File tabs lead to the two silhouettes under one dial and to a saved version with its SVG and TXT notes.
READ THE DESIGN
The capture shows the implemented opening. Notes connect its composition to the working experience and its mobile behavior.
No slogan or hero: the first screen is sheet M—01 and its h1 is the drawing’s name. Real radios for the dial and strap sit beside the vector they change, with the SVG export under the status line.
Working drawing, Strap silhouettes and Saved versions are real page links hanging over the sheet; the open one is marked as the current page. On a phone the three share one row.
The head names the two files it gives (SVG / TXT); the title block across its foot names the object, the combination on the drawing and “Visual concept · not a manufacturing drawing”. 620 × 500 is the SVG canvas, never millimetres.
#142a3d#f1f2e9#e7b66a#2b465bWHAT IS HERE / WHAT COMES NEXT
A concept drawing to configure, compare and take into a design conversation.
This tool includes a working workspace and its own component book. Its controls operate on local state.
Exports are generated in your browser. No account, cloud storage or external service is connected.
Fictional design study. The drawing is a visual concept with no physical scale, not a manufacturing drawing; colours and silhouettes specify no material, and exports remain local planning artifacts.
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 directionConfigure a watch drawing and export its SVG. Watch concepts are discussed over drawings, so the drawing sheet is the whole site: a workshop nameplate, file tabs, the sheet with its configuration and drawing, and a title block that says what the drawing is not.
Ink-blue ground, chalk drawing ink and brass for the chosen and the callouts; 1px rules frame the sheet, its tabs and the title block, and the drawing sits on a pale technical grid. Original vector geometry is the main subject; no photograph or optical glass.
B612, drawn for aircraft instrument displays, sets the wordmark, the sheet titles, the combination and the object number like a drawing label. DM Sans carries the tabs, radios, callouts and notes. No monospace.
Every page is one drawing sheet: the workshop nameplate with the document number, three file tabs (Working drawing, Strap silhouettes, Saved versions), the sheet head, a 290px configuration column beside the drawing field, and a title block across the sheet. On a phone it reads nameplate, tabs, title, choices and export, then the drawing and the title block.
A changed choice redraws the vector with a short slide; the layer study separates its layers on request. Reduced motion changes both without moving anything.
Static bilingual Next.js pages with one validated browser draft (combination and saved version), explicit SVG and TXT exports and independently scoped components. No account, external submission or production transaction.
Real radios with local names and a ✓, file tabs as page links with the current page marked, a pressed detail lens and every change said in a status line. Visible focus, 44px targets, no state shown by colour alone, reduced motion.
A product you can turn, recolor and illuminate.