WorkCase study
Tile
Interactive series composer — one story, many tiles, shared spine.
A self-contained tool for composing visual tile series from one spine. Published on X with a one-word root post and screen recording. Reviewed against the design system contract using Use Kit One.
Summary
Outcome · pass with notes
Tile is a considered tool. The live artifact proves a composition model — one spine, many tiles, human-language roles, zero dependencies. Published with a one-word root post and screen recording, it earned 617 views on X — the only post in 24 hours to break out of the 20 to 60 view noise floor. The format is proven: shipped, visible product reaches beyond the immediate circle. Remaining work is Designesy graduation, machine export, and format re-testing — not re-arguing the tool.
Engagement evidence
X post · 2026-07-13
Root post: 617 views, 3 likes, 1 reply. Try-it reply: 61 views, 1 like. The root post outperformed every other post type (quote-post, brand repost, founder narrative, text build note) by a wide margin. The audience rewarded shipped, visible product — not voice, narrative, or adjacency.
Inputs used
Dimension findings
Each dimension: observation, judgment, action — Kit One format.
Purpose
Observation. Tile states a single job: compose a series grid that stays related without Canva-clone energy or multi-post AI copy. The tool, the spine, the roles, and the export all serve that job.
Judgment. Purpose is sharp and earns the form. The tool is not a template gallery — it is a composition instrument with a shared spine.
Action · Keep. Do not add template presets that dilute the spine model.
Clarity
Observation. Primary path is immediate: pick a look, pick an accent, compose tiles, download set. Human language leads — Opening, Main point, Proof, Detail, Ending — not role jargon.
Judgment. Primary action is discoverable. The tool does not explain itself before it works. One screen, one job.
Action · Keep the human-language labels. Do not expose grammar terminology in the public UI.
Context
Observation. Self-contained single index.html, no framework, no CDN, no backend. Deployed on GitHub Pages. Screen-records cleanly in 10 to 20 seconds. Works on desktop and mobile.
Judgment. Context fit is strong — the deployment pattern is minimal and portable. No dependency risk.
Action · Keep the zero-dependency deployment pattern. Document it as the reference for future tools.
Inclusion
Observation. Dark default with four look options (Dark, Paper, Slate, Night). Six accent options including Muted. No required audio, no required motion. Keyboard-navigable controls.
Judgment. Inclusion is structural — look options and accent variety are first-class, not afterthoughts. No dark-pattern defaults.
Action · Keep the look variety. Add a reduced-motion audit when motion is introduced.
System coherence
Observation. Visual system aligns with VAI brand: dark default, VAI yellow signal #FFC400. Designesy activation yellow #FECC34 is deliberately suppressed in the VAI surface. The tool follows the same deployment pattern as Continuity.
Judgment. Coherent within the VAI surface. The Designesy graduation path is documented: Lab feel on LE-VAI, then contract, then series production for Designesy public surfaces.
Action · Keep the VAI/Designesy separation explicit. When Tile graduates to Designesy /labs, use Designesy tokens, not VAI yellow.
Durability
Observation. Full BRIEF documents intent, feel, parts, ratios, spine, export, and graduation path. STATUS.md tracks publication state. HOST.md records the live URL, repo, and OG image. The tool is self-contained and will not break from dependency drift.
Judgment. Durable as a shipped artifact. Documentation is complete enough for another builder to remix or maintain.
Action · Keep BRIEF and STATUS synchronized. When the tool changes, update both.
Delight
Observation. Re-harmonizing the whole set from one spine change is the delight moment. No glow, no bounce, no particle trail. The emotional quality is precision, not spectacle.
Judgment. Delight is earned. The tool feels good to use because the composition model is strong, not because of decorative effects.
Action · Keep restraint. Reject proposals to add animations or effects that do not serve composition.
Responsibility
Observation. No dark pattern in the tool. Export is honest — ordered PNGs, set.json, README.txt, no watermark or lock-in. Publication on X used a one-word root post with a screen recording, not engagement-bait copy.
Judgment. Honest about what it is and what it produces. The publication format was chosen to show the tool, not to manipulate reach.
Action · Keep the honest publication format. Do not add engagement hooks to the tool or the post copy.