The connected route machine now treats Record as a complete destination.
Kaki / かき / working record
The press
keeps
the thread.
A newest-first account of the decisions behind Kaki—what moved, why it moved, and which boundary stayed in place.
Open the recordNo earlier production note was reduced to the nine-proof design sample.
Uploads, storage, mutations, and publishing remain outside this route.
THE PRESS BED / NEWEST FIRST
Every mark
leaves a trace.
This is the useful trail, not release theatre. Open a proof to see the change, the reason behind it, and the constraint that travels with it.
35DesignThe shared link preview joined the workshop.The 1200×630 social card now carries Direction 016's board, filed sheet, station accents, and the persimmon mark, replacing the Direction 008 Working Paper treatment it kept after the site moved on.
Direction 016 / Production
The card finally matches the room it came from.
Every public route's link preview is generated from one shared card, and that card had stayed on the Working Paper palette while the homepage, changelog and About moved to the Tiny Workshop — so the most-shared surface of the site was the last one still showing the previous direction.
- What changed
- The card is now a moss ground carrying the squared sketch-and-filing board, with its uneven hand-cut corners, hairline edge, ruled marks and masking-tape tab; the record itself sits on a filed sheet with a hard offset shadow, and the persimmon spine and bordered stamp of the earlier treatment are gone.
- Station colour
- The eyebrow is now a filed paper tab in the accent of the station it came from — Explore yellow, Make pink, Record blue, About green — so a shared link says which room of the site produced it before the title is read.
- Artwork
- The card carries the persimmon mark, read from the same refined-calyx file the site and favicons already serve rather than duplicated. The card text stays Latin-only, because the font bundled with the image renderer carries no CJK glyphs and would set the かき lockup as tofu.
34FeatureThe xAI Imagine restyle comparator joined the roll.A separate archive-backed card studies a synchronized before-and-after media frame whose draggable seam reveals one treatment without losing the original crop or moment.
Curation / K–INSP–021
Move the seam. Keep the evidence aligned.
The supplied xAI Imagine archive now supports a dedicated Creative restyle record with original Kaki diagrams, an invented animated scene, seven fictional treatments, and a live accessible comparison control.
- Observed system
- The record documents a 50-percent default split, a full-frame restyle overlay clipped from the left, a four-pixel divider with a 32-pixel handle, clamped mouse and touch movement, seven mounted treatment videos, a 300ms active-layer crossfade, visibility-aware playback, and a 0.05-second playhead resynchronization threshold.
- Kaki reconstruction
- The live specimen uses one fictional CSS city study and seven invented visual treatments. One shared animation phase keeps the before and after halves aligned while the treatment rail changes only the right-hand layer.
- Access
- Kaki replaces the source's pointer-only divider with a native range input, visible keyboard focus, an announced percentage, genuine treatment buttons, and a pause control. Reduced motion stops the scene and removes crossfades.
- Rights boundary
- No xAI video, poster, generated image, prompt, style label, product claim, logo, class name, or bundled source is republished. The user-supplied web archive remains research evidence and is not shipped as catalogue media.
33FeatureThe X Developer glow button joined the roll.A separate archive-backed control study isolates a luminous action pill whose constant edge shadow and broad halo need only one small hover adjustment.
Curation / K–INSP–020
Hold the light. Do not jump.
The supplied X Developer Platform archive now supports a dedicated glow-button record with a button-only homepage preview, a keyboard-focusable reconstruction, and a layer-by-layer reading of its resting and hover states.
- Observed system
- The record documents an eighty-percent white border, ninety-five-percent white base, inset pure-white face, 25-pixel white rest shadow at thirty-five-percent opacity, and a second halo extending twelve pixels beyond the pill with twenty-percent white fill, 40-pixel blur, and thirty-five-percent opacity.
- Responsive detail
- Hover changes only the outer shadow to 30 pixels at forty-five-percent opacity over 200ms. The declared transform never changes, and the halo's declared opacity transition has the same thirty-five-percent value in both states.
- Kaki reconstruction
- The specimen uses a fictional Kaki label, original palette adjustment and code, a genuine focusable button, visible focus treatment, an explicit no-destination status, and no transition under reduced motion.
- Rights boundary
- No X call-to-action text, pricing claim, screenshot, logo, arrow geometry, class name, font, media asset, destination, or bundled source is republished. The supplied archive remains research evidence and is not shipped as catalogue media.
32FeatureThe X Developer comparison border joined the roll.A separate archive-backed record compares one inert card with a preferred card whose one-pixel edge is traced by a masked gradient beam.
Curation / K–INSP–019
Let one edge make the choice.
The supplied X Developer Platform archive now supports a second comparison-focused study with a preferred-card-only homepage preview and a complete paired reconstruction in the dialog and detail route.
- Observed system
- The record documents the inert old card, the subtly raised new card, a transparent full-card border layer clipped through intersecting padding-box and border-box masks, and a 64-pixel diagonal gradient square moving around a rounded rectangular CSS offset path every four linear seconds.
- Kaki reconstruction
- The homepage card isolates only the selected moving treatment. Opening it restores the old-versus-new comparison with fictional Kaki edition notes, an original palette, and original code.
- Access
- The full specimen includes one pause control, one concise alternative for the paired graphic, a visible comparison even without motion, and a fixed representative beam position under reduced-motion preferences.
- Rights boundary
- No X pricing claim, benefit or drawback copy, screenshot, logo, class name, font, media asset, or bundled source is republished. The supplied archive remains research evidence and is not shipped as catalogue media.
31FeatureThe X Developer response marquees joined the roll.A new archive-backed record studies three continuous response-card rows built from four-copy tracks, unequal pacing, counterflow, and softly masked edges.
Curation / K–INSP–018
Make abundance move slowly.
The supplied X Developer Platform archive is now represented as a separate sourced motion study with original Kaki diagrams, fictional API responses, and a live three-row reconstruction.
- Observed system
- Each response array is repeated four times and translated by one quarter of the track. Rows one and three run left for 62 and 70 seconds while row two returns in the opposite direction over 54 seconds; narrow screens use 50, 42, and 60 seconds. An eight-percent mask softens both horizontal edges.
- Kaki reconstruction
- The specimen preserves the measured track structure, responsive card dimensions, gaps, directions, and durations while replacing the content and palette with fictional Kaki editorial responses and original code.
- Access
- One control pauses or resumes all three rows, duplicate copies are hidden from assistive technology, the moving field has a concise alternative, and reduced motion resolves the rows into a readable static offset composition.
- Rights boundary
- No X response text, account name, screenshot, logo, class name, font, media asset, or bundled source is republished. The supplied web archive remains research evidence and is not shipped as catalogue media.
30FeatureThe X Developer uptime strips joined the roll.A new archive-backed record studies thirty-slice service histories whose color, active scale, and tooltip turn a dense endpoint table into an inspectable timeline.
Curation / K–INSP–017
Let the row summarize. Let one slice explain.
The supplied X Developer Platform archive is now represented as a complete sourced study with original Kaki diagrams, fictional service samples, and a live green, amber, red, and mixed uptime reconstruction.
- Observed system
- The record documents the latest thirty history values, dim padding for missing samples, green at 99 percent or higher, amber at 95 percent or higher, red below that threshold, a 1.25-times active-slice scale, and a localized time-plus-one-decimal-rate tooltip positioned from the selected slice.
- Kaki reconstruction
- The live specimen uses fictional Kaki endpoints, invented times, and invented rates across perfect, partially degraded, mixed, and zero-percent histories. The homepage preview moves its probe automatically; the dialog and record respond directly to inspection.
- Access
- Each strip is one 44-pixel focus target rather than thirty six-pixel tab stops. Left and Right Arrow keys inspect adjacent samples, Home and End jump to the edges, the current time and rate are exposed as the control value, and reduced motion removes scaling and transitions.
- Rights boundary
- No X screenshot, live operational metric, endpoint inventory, logo, class name, or bundled source is republished. The user-supplied archive and its canonical page component remain research evidence and are not shipped as catalogue media.
29FeatureThe xAI Imagine swipe stack joined the roll.A new archive-backed record studies a four-card hero stack that separates pointer-driven throws from its quieter automatic turn.
Curation / K–INSP–016
Give the hand a throw and the timer a whisper.
The supplied xAI Imagine archive is now represented as a complete sourced study with original Kaki diagrams, an invented paper-specimen stack, and a live drag reconstruction with explicit non-gesture controls.
- Observed system
- The record documents four offset cards, horizontal drag on the unlocked top card, angle tied to displacement, a 90-pixel or 450-pixel-per-second release gate, spring return below that gate, directional manual exits, quieter timed exits every 3.2 seconds, and a six-second automatic-motion hold after interaction.
- Kaki reconstruction
- The live specimen uses six invented paper studies and original code. Dragging in either direction reveals the next card, a short pull returns home, and Previous and Next controls also make reverse traversal available.
- Access
- The stack is keyboard focusable with Left and Right Arrow behavior, visible buttons, a position readout, polite change announcements, and a pause control. Reduced motion removes automatic advancement and transitions while preserving direct state changes.
- Rights boundary
- No xAI screenshot, generated image, prompt, product claim, logo, class name, or bundled source is republished. The user-supplied web archive remains research evidence and is not shipped as a public catalogue asset.
28FeatureThe xAI pricing tabs and matrix joined the roll.A new archive-backed record studies how one pricing page moves from a three-audience switch to a stable six-plan comparison across desktop and narrow screens.
Curation / K–INSP–015
Choose a context, then open the whole ledger.
The supplied xAI pricing archive is now represented as a complete sourced study with original Kaki diagrams, fictional sample data, a live tab system, and a responsive semantic comparison table.
- Observed system
- The record documents three accessible audience tabs, a measured filled indicator, 250ms keyed plan-card entrances, six stable comparison columns, a header sticky beneath the site chrome, and the narrow-screen change from full plan headings to a six-color key.
- Kaki reconstruction
- The live specimen uses fictional Kaki plan names, values, descriptions, and capabilities. Its active pill is measured from the selected tab, its panels preserve roving keyboard focus, and its full matrix remains independent of the selected audience.
- Access
- Tabs expose selected state and explicit tab-to-panel relationships with Left, Right, Home, and End support. The source's visual div grids become a native table with plan column headers, feature row headers, group headers, a sticky head, and a compact labeled color key.
- Rights boundary
- No xAI screenshot, price, feature claim, product copy, logo, class name, or bundled source is republished. The user-supplied web archive remains research evidence and is not shipped as a public catalogue asset.
27DesignThe About route entered the fruit room.Direction 016's green fruit room, curation workbench, separated record files, name study, studio note, and closing route rail now shape the production About page.
Direction 016 / Production
The catalogue now shows the hand behind it.
The public About route now carries the approved Tiny Workshop companion instead of the earlier Working Paper presentation, while retaining its canonical metadata, structured data, source boundaries, and public-route ownership.
- What changed
- About now opens as a green fruit room with the active About station, filed persimmon card, Look / Trace / Rebuild / Credit workbench, distinct K–STUDY and K–INSP files, precise naming explanation, owner-curated studio note, and final filing sheet.
- Live data
- Catalogue, original-study, and verified-inspiration totals are calculated from the typed study collection instead of copied from the standalone artifact, so the filing summary stays current as records change.
- Access
- The route reuses the shared keyboard-visible Tiny Workshop navigation, keeps a skip link and semantic section headings, uses base-path-safe local brand assets, preserves responsive layouts, and resolves decorative movement under reduced-motion preferences.
- Boundary
- The standalone Direction 016 companion remains unchanged. No account, CMS, upload, storage, mutation, download delivery, external data source, or private admin capability was connected.
26DesignThe record got its own Tiny Workshop.Direction 016's press room, current-proof ribbon, filter drawer, expandable sheets, and final press output now shape the production changelog.
Direction 016 / Production
The press keeps the thread visible.
The public change register now carries the approved Direction 016 expression instead of the earlier Working Paper route, while keeping every recorded note in its typed newest-first archive.
- What changed
- The Record station is active above a blue press-room opening, latest-proof card, three-part status ribbon, filterable proof drawer, expandable change sheets, and a final perforated press output.
- Complete archive
- All twenty-five earlier production notes remain intact. This wiring note is proof 26, and filter counts are calculated from the typed changelog rather than copied from the nine-entry review artifact.
- Access
- The route keeps native details and summary disclosure, stable text navigation, visible keyboard focus, polite filter counts, responsive layouts, and a reduced-motion resolution.
- Boundary
- The changelog remains a static public record. Filtering is local browser state; no CMS, persistence, upload, mutation, storage, or external data source was connected.
25FoundationThe peel surface moved back onto the GPU.The production PEEL ME card now uses a subdivided Three.js mesh and original Kaki GLSL for its curl, underside, shadow, and holographic finish.
Playground / Rendering
The card bends as a surface again.
The independent Canvas 2D strip approximation preserved the interaction cycle but could not reproduce a continuous sheet. Kaki now keeps the same accessible controls and stack handoff while rendering the material response through WebGL.
- Peel geometry
- A high-density plane deforms continuously from the grabbed edge. Pointer direction, peel depth, curl radius, and sideways drag become shader uniforms rather than forty-eight separately drawn strips.
- Material
- The custom vertex shader creates the bend and calculated surface normal; the fragment shader separates the paper front and back, responds to light, carries a restrained resting foil, and strengthens the multicolor band during reconstruction.
- Interaction
- Visible-edge grabbing, the 74% snap threshold, complete detachment, bare residue beat, keyboard slider, live announcements, reduced-motion resolution, and RELEASE CARD handoff to the stack remain intact.
- Dependency boundary
- Three.js is bundled locally as the WebGL scene and mesh layer. The peel model, GLSL, artwork, state machine, fallback, and accessibility behavior are Kaki-owned; no Sticker Forge bundle, public API, source file, media, audio, or remote runtime request is used.
- Fallback and review
- If WebGL cannot initialize or its context is lost, the static PEEL ME card stays visible and can still be released for stack dragging. Final material and gesture tuning remains subject to the owner's deployed browser review.
24FeatureThe final Playground tools reached production.The print card now records each badge treatment, and the full PEEL ME card peels away before rebuilding through a holographic rainbow sweep.
Direction 016 / Production
The paper tools now behave like the approved workshop.
The later Direction 016 Playground refinements are now wired alongside the Tiny Workshop navigation instead of stopping at the standalone review artifact.
- Print card
- The card cycles through Persimmon Seal, Kaki Study 08, and Field Note, keeps the stamped overlay after printing, announces the current treatment in its accessible name, and reports the result through its live status.
- Peel card
- The initial production pass gave the full pink PEEL ME artwork a Kaki-owned Canvas 2D interaction for visible-edge grabbing, a full-depth strip curl, underside tint, local shadow, automatic snap detachment at the release threshold, a brief bare residue state, and a diagonal holographic rainbow rebuild sweep.
- Pin and stack
- The card starts pinned so pointer and keyboard input belong to the peel surface. RELEASE CARD resets and makes the canvas inert so the whole paper card can be dragged to STACK HERE; PIN CARD restores peel input.
- Delivery boundary
- This first independent renderer used local React and browser Canvas 2D code with no copied runtime bundle, public vendor API, audio asset, or remote request. Its strip renderer was superseded by Kaki's Three.js/WebGL implementation on 11 Aug; the Playground remains client-only with a static fallback and live status.
- Deployed correction
- Owner review found that the first independent Canvas 2D pass reversed as soon as the threshold was reached and replaced the approved iridescent finish with a white sheen. The corrected cycle now visibly leaves the card before the rainbow return, while keyboard and reduced-motion behavior remain available.
22DesignThree motions from Cursor for Teams entered Explore.A two-faced flip that cycles a list of any length, a glow written per frame, and a shimmer that means still going.
Curated / Inspiration 014
The same reset trick, found a fourth time.
Kaki's fourteenth sourced inspiration takes three small mechanisms from one page, and finds the house pattern running underneath the first of them.
- What changed
- Explore now includes an annotated Cursor Teams Motion Set record with original Kaki diagrams and three live specimens: the flip wave, the working card, and the shimmer.
- The flip
- A card carries the perspective, an inner wrapper carries a 600ms transform, and two faces sit at backface-visibility hidden with the back pre-rotated a half turn on X. A wave every five seconds flips each visible card 160ms after the last. The interesting part is the landing: transitions are switched off, every slot advances by the visible count, the flip state is cleared while nothing can animate, and transitions return a double animation frame later — so two faces cycle a list of any length and the reset is never seen. The row shows four, six or eight cards by breakpoint, and the wave is suppressed entirely under reduced motion or when the list is no longer than the row.
- The card and the shimmer
- The status card's tinted ring, inset bloom and two gradients sit on a single overlay whose opacity is written per frame beside the icon's drop-shadow radius, so one clock drives both and they cannot drift apart. The shimmer is a gradient at twice the text width, clipped to the glyphs with the fill made transparent, its highlight mixed 92 per cent toward the primary ink and its position swept end to end on a 1.15 second linear loop — the same technique as a loading skeleton, used on live text to mean still going. Both the working and finished wordings are stacked in one grid cell, so the line cannot change width when the tense changes.
- Boundary
- The source's row cycles customer logos. Kaki sets its own invented place names as type and reproduces no third-party mark, name, logo geometry, screenshot, class name, or bundled code.
21DesignCursor's savings calculator entered Explore.A slider that keeps its real input and hides it, and a figure whose digit wheel is solved by the style engine rather than by script.
Curated / Inspiration 013
Two places where the shortcut was refused.
Kaki's thirteenth sourced inspiration studies a form, which is where accessibility usually quietly dies — and where this one instead hands the hard parts back to the platform.
- What changed
- Explore now includes an annotated Cursor Savings Calculator record with original Kaki diagrams and a live reconstruction driven by an invented editorial workload.
- The slider
- A real range input sits at zero opacity over a drawn track, ticks and handle, with the native thumb removed outright rather than restyled — so keyboard stepping, assistive semantics and pointer capture come free from the element while none of its appearance has to be fought. The handle's offset is a single CSS expression, centred on the value and clamped between zero and the track width less its own width, so it sits flush inside the rail at either extreme instead of half hanging off; its width is a custom property that widens for coarse pointers. A paired numeric field with numeric input mode and a digits-only pattern drives the same value, its wrapper styled on focus-within.
- The figure
- Each digit column holds all ten numerals. Every numeral derives its own signed distance from the current value using CSS mod() and round(down, …), wraps that into the shorter half of the ring so a column never turns the long way round, and clamps to one cell either side so only its immediate neighbours are ever on screen. Idle numerals leave layout entirely except while spinning. Script sets which numeral is current and nothing else. Two captions are stacked in one grid cell with the inactive one hidden and inert, so switching view cannot change the block's height.
- Also observed
- Five keyframes are declared in the calculator's inline style block and only two are referenced anywhere in the shipped page, one of those by a different component. A bar-growth and two slide-in animations look like residue from an earlier iteration — recorded because a study of a page should describe what is actually in it.
20DesignCursor's ASCII field entered Explore.A canvas that spells a picture out in characters, using a brightness ramp with the wordmark sitting in its mid-tones.
Curated / Inspiration 012
The scale of grey is also the signature.
Kaki's twelfth sourced inspiration is the closest reproduction in the collection: the renderer is reproduced as written, constant for constant, with only its ramp and its subject replaced.
- What changed
- Explore now includes an annotated Cursor ASCII Field record with original Kaki diagrams and a live reconstruction of the renderer.
- Observed method
- The supplied Safari web archive shows a thirteen-character brightness ramp with the wordmark at its centre; a grid derived from a seven-pixel column stride and a measured monospace line height, clamped between twenty and one hundred and sixty columns with tighter caps on Safari and narrow screens; a cell aspect measured once from the font itself; a frame drawn letterboxed into a hidden canvas at grid resolution and read back as pixels; luminance at the standard coefficients; a per-frame contrast stretch across the darkest and lightest non-black values; a two hundred and fifty-six entry alpha table so each glyph's opacity is its own luminance; a font size of eighty per cent of the cell height clamped between eight and sixteen pixels; redraw throttled to twenty frames a second and ten on Safari; an intersection and visibility gate; and a procedural sine field used whenever the loader video fails.
- Three subjects
- The specimen offers a Kaki field, which drives the source's own procedural fallback through an eleven-character Kaki ramp, and a rotating cube drawn from scratch and run through the source's thirteen-character ramp. The cube is rendered several times larger than the character grid and downsampled with smoothing on, because drawing straight at grid resolution gives three flat facet tones and a hard silhouette where the source shows a continuous ramp and a soft scatter of light characters around the edge. The second mode quotes that ramp verbatim, wordmark included, because the whole idea is that a brand sits in the mid-tones of a brightness scale and no substitute can demonstrate it. It also exercises the source's draw-then-read-back sampling path rather than short-circuiting it. A third mode drops the canvas altogether and builds the same cube from six elements and one CSS keyframe, as a comparison: it costs nothing and gets most of the way, but its shading is baked per face, so the light turns with the solid instead of staying put — which is precisely what a renderer is being paid for.
- What is not reproduced
- The loader video the source samples was never fetched into the archive, so it is absent: the cube is drawn from scratch and is not a copy of it, an approximation presented as one, or a redistribution. No logo path, vector mark, screenshot, or bundled code is republished, and no media binary enters the repository.
- Why it is worth recording
- The character set is not arbitrary decoration laid over an effect: it is a brightness scale that happens to spell something, so the branding is the ordering principle inside the mechanism. The rest is unglamorous discipline — a contrast stretch so dim frames still read, a throttle so a decorative canvas never runs at full rate, and a loop that is not scheduled when the panel is off screen.
19DesignCursor's careers filter menu entered Explore.A dropdown that animates shut, unless the choice is about to change the list underneath — then it simply goes.
Curated / Inspiration 011
Motion that knows when to get out of the way.
Kaki's eleventh sourced inspiration is the smallest mechanism in the collection and rests on a single conditional, which is exactly why it is worth writing down.
- What changed
- Explore now includes an annotated Cursor Filter Dropdown record with original Kaki diagrams and a live reconstruction filtering an invented Kaki sample index.
- Observed method
- The supplied Safari web archive shows a trigger that carries the current selection rather than a fixed label, with a caret flipping between down and up and the expanded, controls and haspopup attributes set. The panel keeps its box when closed and loses only opacity, a 0.4rem offset and visibility, transitioned over 0.14s on a spring-like cubic-bezier — with the visibility flip delayed by that same 0.14s so the exit can actually play. An upward variant translates from below for when the list would run off the bottom. One shared document press listener closes whichever menu was not pressed inside, and options carry a circular indicator that fills with the accent colour and reveals a check.
- The conditional
- Selecting a value that differs from the current one sets a flag that forces the panel's transition off, applies the change, closes the menu, then clears the flag on the next tick. The menu animates shut when nothing moves and is cut instantly when the list beneath is about to re-render — a transition someone built and then admitted was wrong for one specific case.
- Access and boundary
- The source promises a listbox but never renders one, and offers no keyboard route: no Escape, no arrow keys, no focus management. The Kaki specimen wraps the options in a real listbox, moves focus into it on open, supports arrow keys with Home and End, and returns focus to the trigger on Escape. No Cursor screenshot, role, team, location, page copy, class name, or bundled code is republished.
18DesignCursor's animated wordmark entered Explore.The most finished motion on the site turns out not to be code at all: it is a transparent video crossfaded over the static mark.
Curated / Inspiration 010
The logo does not animate. It plays.
Kaki's tenth sourced inspiration is the first in the collection where reading the source overturned the premise. What looks like a drawn logo animation is a rendered media asset, layered over a mark that is already finished without it.
- What changed
- Explore now includes an annotated Cursor Logo Playback record with original Kaki diagrams and a live reconstruction of the playback choreography, using Kaki's own persimmon mark.
- Observed method
- The supplied Safari web archive shows a static SVG wordmark with a muted, inline-playing video absolutely positioned over it at zero opacity, crossfading over 500ms. The same asset is supplied as .mov, .webm and .mp4, because no single container carries transparency across browsers, with separate light and dark encodes chosen from the resolved theme. It plays on pointer enter only where the pointer is fine and hover is real; runs once, forced, the first time the page scrolls past ten pixels, so touch visitors see it too; rewinds and replays 750ms after the run ends while the pointer is still held; pauses on click and defers its play call to idle time, both on Safari only; and never plays under reduced motion.
- What Kaki did not reproduce
- The animated layer is a brand asset. Kaki reproduces no wordmark, logo path, video, or poster frame, and no binary enters the repository: the specimen animates Kaki's own persimmon mark with drawn SVG motion in place of the source's encode, and the record states that substitution rather than implying a like-for-like rebuild.
- Why it is worth recording
- Every other motion study in the collection is something someone wrote. This one is something someone rendered, and it is the most finished of them — which makes it a record of an editorial decision rather than a technique: a mark looked at closely enough is worth exporting, provided the static version underneath stands alone and the animated layer stays an enhancement a browser, a codec, or a reader's stated preference may decline.
17DesignCursor's community globe entered Explore as a case study.A draggable dot globe whose real subject is the card that grows from a name into a record once you choose a place.
Curated / Inspiration 009
The globe is the part that matters least.
Kaki's ninth sourced inspiration is the first drawn from the Community page rather than Composer, and the first where the headline object turns out to be the supporting act.
- What changed
- Explore now includes a Cursor Community Globe case study with original Kaki diagrams and a live reconstruction using invented Kaki places on a sphere carrying no geography.
- Observed method
- The supplied Safari web archive shows an orthographic globe drawn to canvas from real land geometry beneath a WebGL atmosphere built from layered Perlin noise; an initial rotation of minus twenty degrees on both axes; drag at 0.3 degrees per pixel with latitude clamped to plus or minus ninety; markers culled by a near-hemisphere test and picked by nearest-within-sixteen-pixels rather than by their drawn size; a card positioned above the marker and clamped horizontally to stay inside the stage, serving as a tooltip on hover and a focusable dialog once selected, expanding from one grid row to two over 200ms with its content crossfading behind it; and dismissal on Escape or an outside pointer press.
- Two surfaces, a turn, and the lights
- The specimen offers Simple, an even dot field carrying no geography, and Land, which masks the same field to a coarse hand-simplified coastline so the globe reads the way the source's does. Both share one projection with the markers, so a place always lands where it belongs. Choosing a place — from the globe or from the list — sets a focus target and eases the rotation until it faces front, rather than cutting to it. Places with something upcoming blink on their own clocks, each mixing toward a warm flicker colour and blooming through three stacked shadow passes; places with nothing on stay flat, which is what makes the blink mean anything. Appearance follows the system setting and can be overridden on the panel, with the dark treatment taking the archive's own near-black ocean, barely-lighter land, near-white marker, and two warm creams.
- What Kaki did not reproduce
- The source's land comes from a bundled world-atlas topojson and its atmosphere from a WebGL shader. Kaki installs no dependency and bundles no dataset for either: the Land outlines are a deliberately low-resolution approximation written out in the component, and the record says so rather than presenting them as survey geography.
- Access and boundary
- The place list beside the globe is the keyboard route in, since a canvas cannot be tabbed through; selecting from it turns the globe to face that place and opens the same card. Auto-rotation is off under reduced motion and while a card is open. No Cursor screenshot, city, chapter, host, event, map dataset, shader, class name, or bundled code is republished.
16DesignCursor's benchmark scatter entered Explore.A multi-metric chart that stays one chart: the axis is reversed so the good corner never moves, and every element re-projects on a single curve.
Curated / Inspiration 008
Three metrics, and the reader never re-learns the chart.
Kaki's eighth sourced inspiration studies the hardest part of a switchable chart — not drawing three views, but convincing a reader they are looking at one.
- What changed
- Explore now includes an annotated Cursor Benchmark Scatter record with original Kaki diagrams and a live reconstruction driven by an illustrative Kaki sample about editorial depth.
- Observed method
- The supplied Safari web archive shows the horizontal axis reversed so zero sits at the right on every metric, since less is better on all three; points, labels, connecting series path data and gridlines re-projecting together on one 600ms cubic-bezier with a 120ms opacity crossfade; a fixed number of tick slots per axis, where a metric with fewer ticks collapses its surplus onto the last real tick and fades them out so the axis slides rather than rebuilds; a per-series line through ascending effort levels with the default level at full strength and the rest at forty-five per cent; point fill crossfading over 140ms with unhovered points at 0.78 opacity; dashed hover guides routed around the label block back to both axes, printing exact values while the axis tick each readout would collide with fades out on a matching 70ms and 90ms delay; and the hovered point's own label gaining a second line naming that run, with a halo thickened by half again.
- Kaki addition
- The source's figure carries its own theme block, keyed to the document's theme attribute, that swaps background, axis, grid, halo, point stroke, and control colours between white and pure black. Kaki has no site-wide theme, so the specimen carries a panel-local appearance control instead: it follows the visitor's system setting through a media query that settles before any script runs, and a click pins it either way. The dark treatment uses the source's own values; only the series hues are lifted, because Kaki's blue and plum are legible on paper and close to invisible on black.
- What Kaki did not reproduce
- The source ships a label-placement solver — candidate placements, collision padding, ownership rules, a backtracking budget and a memoisation cache, with its layout version published in the markup. The Kaki specimen uses a deliberately simpler greedy placement and says so on the record rather than implying equivalence.
- Access and boundary
- Points are focusable with spoken labels carrying the series, score and value, and the metric control is a labelled button group with pressed state rather than the source's tab roles, which have no panels to own. No model name, benchmark score, figure, screenshot, page copy, class name, or bundled code is republished.
15DesignCursor's hero canvas entered Explore as a case study.A drifting node lattice crossed by coloured signals, and the most carefully engineered decoration in the collection.
Curated / Inspiration 007
It looks incidental. It is the same picture every time.
Kaki's seventh sourced inspiration is not markup at all: the Cursor Composer hero is a 2D canvas redrawn every frame, and reading its source turns an ambient background into a lesson in restraint.
- What changed
- Explore now includes a Cursor Lattice Pulse Field case study with original Kaki diagrams and a live canvas reconstruction using Kaki's own palette, geometry, and arrowhead.
- Observed method
- The supplied Safari web archive shows a lattice sized from area over a per-node pixel budget and clamped to a column and row range, generated from a fixed seed so the composition is identical on every load. Nodes carry jitter and a four-term sine drift; links run forward one column to three neighbouring rows plus one random row, and each draws itself outward from its own node during a staggered entry. Signals spawn on a rate accumulator and walk at most one row per column, trailing an exponential decay and carrying a rotated glyph at the front, while nodes snap to the colour of the last signal through them and release over roughly half a second. The pointer displaces nearby nodes with a squared falloff and a spring return.
- Why it is a case study
- The engineering is the point. Thousands of links resolve to six batched strokes, device pixel ratio is capped, the frame loop is unscheduled rather than idling when the field leaves the viewport or the tab is hidden, and a coarse-pointer visit gets a smaller field at half the frame rate with the physics off.
- Boundary and treatment
- The source draws its arrowhead from a brand mark; Kaki draws its own and reproduces no logo geometry. Kaki also departs from the source under reduced motion, rendering a single static frame with no signals rather than continuing to animate. The canvas is hidden from assistive technology and described in adjacent text. No Cursor screenshot, media, class name, or bundled code is republished.
14DesignCursor's training-compute chart entered Explore, with a replay control.A staggered bar figure whose counting labels are tied to their own bars is now preserved as an attributed motion study.
Curated / Inspiration 006
The number cannot arrive before the bar.
Kaki's sixth sourced inspiration studies a chart that animates without decorating: one stacked proportion is broken across three rows, and each bar's readout is a direct report of that bar's own progress.
- What changed
- Explore now includes an annotated Cursor Training Compute Bars record with original Kaki diagrams and a live reconstruction driven by an illustrative Kaki sample distribution.
- Observed method
- The supplied Safari web archive shows a once-only trigger at 35% in view; three rows carrying the offsets of a single stacked bar over a ten-step ruled plot; a linear width transition per bar staggered 360ms apart, each lasting a base 240ms plus 16ms per percent, so a long bar takes longer without taking proportionally longer; a value label that rises a quarter-rem and fades in over 500ms beginning 200ms into its bar; and a requestAnimationFrame readout reporting the same elapsed fraction as the width, placed inside the highlighted bar because that bar reaches the plot edge.
- Kaki addition
- The source plays once and offers no way back, which makes a motion study hard to read. The Kaki specimen adds a Replay control that returns every bar to zero with transitions suppressed, then re-runs the full staggered sequence from a painted frame later.
- Access and boundary
- Animated readouts are hidden from assistive technology and the figure's caption states the sample values in text and marks them as illustrative rather than measured. Under reduced motion the chart renders in its final state and the replay control resolves to it instantly. No Cursor figure, value, screenshot, page copy, class name, media, or bundled code is republished.
13DesignCursor's travelling contents mark entered Explore.A sticky page index whose single accent mark springs diagonally to the current section is now preserved as an attributed motion study.
Curated / Inspiration 005
One mark, moved rather than repeated.
Kaki's fifth sourced inspiration studies the smallest wayfinding signal in the collection so far: a six-pixel circle in a contents column that travels between entries instead of fading in and out of each one.
- What changed
- Explore now includes an annotated Cursor Section Index Dot record with original Kaki diagrams and a live reconstruction that pairs a contents column with its own scrollable reading panel.
- Observed method
- The supplied Safari web archive shows a desktop-only sticky index ruled by a hairline with a ten-pixel tick per entry, entry labels ramping from 40% to 60% on hover and 78% when current, and one six-pixel accent mark held inside the current entry after its label. The mark is a shared layout element animated on a near-critically-damped spring, so it moves between entries rather than being redrawn; because it trails labels of unequal length, that move is diagonal. Selection comes from an intersection band that excludes the top 15% and bottom 60% of the viewport, resolves to the topmost section inside it, and holds its last value when the band is empty.
- Access and treatment
- The Kaki specimen keeps real anchors with aria-current instead of a decorative highlight, reproduces the same selection band inside a bounded panel so the study reads at any width, positions one marker from the active label's own box in place of a layout library, and holds the mark still under reduced motion. No Cursor screenshot, page copy, class name, media, or bundled code is republished.
12FoundationKaki became legible to search engines and link previews.Structured provenance, generated share cards, and corrected canonical addresses now describe every public route.
Corrected / Discovery
A catalogue should be findable, and it should credit its sources everywhere.
Kaki's public routes already carried titles and descriptions, but nothing machine-readable explained who made a study or where it came from, and shared links resolved to bare text. This pass extends the site's attribution stance into the layer only crawlers and link unfurlers read.
- What changed
- Every public route now emits a schema.org graph. Study records describe the work, its curator, its keywords, and — for a sourced inspiration — the original as a separate credited node with its own creator and license, rather than folding third-party work into Kaki's authorship. Explore publishes the catalogue as an item list, and each route carries breadcrumbs.
- Share cards and marks
- A Working Paper social card is generated at build time for the homepage, Explore, Changelog, Playground, About, and each represented study, with per-study titles and accession numbers. Favicon and home-screen marks are generated the same way, so no untracked binary art enters the repository.
- Addresses corrected
- Canonical URLs, sitemap entries, and structured-data identifiers now use the trailing-slash form the site actually serves, instead of naming addresses that only existed as redirects. The crawl rule for the inert /admin boundary was rewritten to respect the /kaki base path, where it previously pointed at the domain root. The Drawer stays crawlable so its own noindex directive can still be read.
- Boundary
- robots.txt is still published beneath /kaki, so it is not yet read at the domain root; the sitemap must be submitted directly until that is resolved. No content, catalogue record, attribution, or licensing claim changed in this pass.
11DesignxAI's path of progress entered Explore.The Company page's event-index timeline is now preserved as an attributed motion study.
Curated / Inspiration 004
Many milestones, one calm reading line.
Kaki's fourth sourced inspiration studies how xAI compresses a long news history into an evenly spaced rail whose selected event remains readable below it.
- What changed
- Explore now includes an annotated xAI Path of Progress record with original Kaki diagrams and a live reconstruction using fictional editorial milestone labels.
- Observed method
- The supplied Safari web archive shows events sorted by date and spaced evenly by array index. Hover or activation selects a point, the completed rail advances with a spring, and a keyed date-title-description panel crossfades in 150ms; source events with slugs also link to xAI news pages.
- Access and boundary
- The Kaki specimen supports hover, touch, and native keyboard activation with 44px targets, visible focus, pressed-state semantics, live event announcements, and still reduced-motion transitions. No source screenshot, news copy, media, or bundled code is republished.
10DesignColossus numerical motion entered Explore.xAI's rolling metrics and hover-scrub timeline are now recorded as one attributed motion study.
Curated / Inspiration 003
Count in, then move through the sequence.
Kaki's third sourced inspiration studies how the xAI Colossus page gives large infrastructure figures cadence without turning the surrounding presentation into a dashboard.
- What changed
- Explore now includes an annotated Colossus Numerical Timeline record with an original Kaki reconstruction of both the in-view rolling-number grid and the seven-point pointer-scrub timeline.
- Observed method
- The supplied Safari web archive identifies Number Flow digit transitions with a 600ms ease-out, a once-only 50% in-view trigger, horizontal pointer-to-index mapping, click-selectable milestones, a spring-filled track, and crossfaded copy.
- Access and treatment
- The Kaki reconstruction adds clear keyboard and touch selection, 44px timeline targets, visible focus, live milestone announcements, and a still reduced-motion state. It republishes no xAI screenshot, media, or bundled code.
09FeatureExplore cards now open under a loupe.A magnified quick view keeps assets, provenance, labels, and optional case studies in one browsing rhythm.
Added / Catalogue quick view
Look closer without losing the index.
Every Explore card now expands into a focused record that preserves the visitor's place in the catalogue while making authorship, curation, dates, media type, techniques, and editorial depth easy to read.
- What changed
- Tapping or keyboard-activating a card opens a responsive magnified view with a large asset, description, author or creator, curator, optional submitter, curation date, tags, technique labels, and source actions. Explore can also filter Interface still, Motion, and Interactive assets independently from interface format and entry kind.
- Editorial depth
- Quick records, annotated studies, and full case studies are now distinct. The magnified view handles fast inspection; represented entries retain a separate action into their deeper permanent record.
- Motion model
- Asset medium and technique are separate fields. X Money Footer Trace is filed as Motion in the Interaction format, while SVG radial mask, pointer tracking, layered strokes, and viewBox mapping remain technique labels.
- Access and boundary
- The view traps focus, closes with Escape or its visible control, restores focus to the opening card, prevents background scrolling, becomes a full-screen sheet on small screens, and replaces magnification with a still opening when reduced motion is requested. Video remains planned for the secured CMS and media workflow rather than being invented in the prototype.
07FoundationExplore and Drawer now have separate jobs.Current curation belongs to Explore; Drawer holds old Kaki directions and drafts only.
Clarified / Information architecture
The catalogue looks outward. The Drawer looks backward.
Kaki's current catalogue routes were separated from the preserved Direction 006 edition so original studies and sourced inspiration no longer depend on the archive.
- What changed
- Explore, design records, Playground, and About now own current root-level routes. Night Ferry and Sticker Forge resolve under /design, while the Direction 006 copies remain beneath /drawer.
- Drawer boundary
- Drawer is reserved for old Kaki site directions and drafts. Its historical routes are excluded from the sitemap and marked noindex, and new third-party records are never added there.
- Current state
- Route ownership and discovery metadata are corrected. The current About page and original Night Ferry record retain their earlier visual presentation until a dedicated Working Paper redesign pass.
06FoundationThe Working Paper now arrives more clearly.Brand artwork follows /kaki, controls keep their colors, and the hero loses its false roll caps.
Fixed / Deployed presentation
The mark belongs on the desk. The action should read. The paper should feel honest.
A deployment review found two presentation gaps—the changelog’s Kaki artwork looked at the domain root and an inherited-link rule erased control colors—while owner review found the decorative paper-roll caps unnecessary.
- What changed
- Every production Kaki image now uses a shared base-path-aware source. The conflicting link rule was removed, and the homepage’s purely decorative top and bottom roll caps were removed while retaining the main paper sheet.
- Why it matters
- The identity now resolves consistently beneath shojum.com/kaki, while navigation and actions remain legible before hover as well as during interaction.
- Current state
- The correction is in source and awaits owner deployment verification across the public routes.
05FeatureThe first sourced inspiration entered the catalogue.Sticker Forge begins Kaki's third-party curation journey.
Added / Inspiration 001
A peel worth studying closely.
Kaki's first real-world inspiration record studies how Sticker Forge turns text and images into tactile WebGL stickers with unusually coherent peel motion.
- What changed
- Explore now includes a complete Sticker Forge record with creator attribution, live source, repository, original Kaki diagrams, and an interaction-focused curator note.
- Why it matters
- The entry establishes how Kaki will distinguish third-party work from fictional editorial studies while keeping motion, provenance, and rights close to the design.
- Rights boundary
- The source repository is verified under the MIT License. Kaki links to the original project and does not redistribute a package or reproduce source screenshots.
04FeatureA public place for every meaningful change.The Working Paper change register is now part of Kaki.
Added / Changelog
Progress should be easy to follow.
Kaki now has a public home for product additions and visible design revisions, expressed in the same Working Paper language as the homepage.
- What changed
- A newest-first register, compact archive index, category labels, and expandable change notes now live at /changelog.
- Why it matters
- Visitors can understand how Kaki is evolving without searching through announcements or internal project history.
- Current state
- Implemented as a server-rendered public route with typed static content; awaiting owner deployment and visual verification.
03BrandThe studio-process identity moved onto the desk.One maker’s proof now anchors the main Direction 008 moments.
Revised / Identity
One mark, many materials.
The selected wordmark joined the header, hero, brand tray, and footer so the identity feels authored rather than typeset around the edges.
- What changed
- Compact and wide local artwork crops replaced the earlier text-only identity placements.
- Why it matters
- The cut paper, paint, crayon, tape, and blue calyx now establish the studio idea immediately.
- Boundary
- The artwork remains concept material, not a final vector logo master or installable font.
01FoundationThe Working Paper became Kaki’s public front door.Direction 008 leads while Direction 006 remains usable inside the Drawer.
Selected / Direction 008
A new front door. No lost rooms.
The tactile Working Paper homepage became the active public direction while the earlier Annotated Waterfall experience was preserved as a first-class Drawer edition.
- What changed
- The homepage now leads with the studio-process identity, featured work, collections, Drawer, Playground, and brand story.
- What stayed
- Explore, the Night Ferry record, Playground, About, and supporting states remain functional beneath the Drawer route family.
- Why it matters
- Kaki can evolve its public expression without flattening a useful earlier edition into screenshots.
the record continues as the work does