# Designesy — /work/tile Canonical page: https://www.designesy.org/work/tile --- ## 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 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. Remaining work: Designesy graduation, machine export, and format re-testing. ## Engagement 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) in the same period. ## 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 template repetition or multi-post filler. The tool, the spine, the roles, and the export all serve that job. **Judgment.** Purpose is sharp and earns the form. The tool 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 plain — ordered PNGs, set.json, README.txt, no watermark or lock-in. Publication on X used a one-word root post with a screen recording. **Judgment.** Export format shows the tool as it is. The publication format was chosen to show the tool, not to manipulate reach. Action · Keep the publication format. Do not add engagement hooks to the tool or the post copy. ## Findings ## Sources used - [Tile — live artifact — Interactive series composer](https://le-vai.github.io/tile/) - [Use Kit One · Design Review — Method and output format](https://www.designesy.org/kits/design-review) - [Design system contract v0.4.0 — Governing tokens](https://www.designesy.org/contracts/design-system) - [Review surface — Eight dimensions doctrine](https://www.designesy.org/review) - [Work — case studies — Index](https://www.designesy.org/work)