sheleg-design

SHELEG Design — single-clock scroll motion

A page feels cinematic from a single source of truth (measured scroll position) driving many cheap, layered, independently-degradable responses — not from many animations. If the project has the full skill installed (.cursor/skills/sheleg-design/), read its SKILL.md, SHELEG_DESIGN.md, MOTION_DOCTRINE.md (before any animation) and the chosen style pack in styles/ first (instrument-console — dark console; editorial-luxury — warm editorial; workbench — quiet light/dark product UI for dashboards and tools, used standalone without the cinematic motion layer; briefing-room — dark 16:9 presentation deck, standalone, slides never animate; atrium — warm cream consumer-health field, one terracotta accent, fluted-glass hero; patchbay — a dark live schematic, one mint-cyan, 8% hairlines, no shadow, an architecture diagram whose cords carry SMIL particles; babylove — seven brand tokens over Tailwind defaults, two nested card levels, first-class disconnected states, for SEO and AI-visibility SaaS; outrank — a marketing page and a working tool in one brand, white with one violet, for SEO and growth SaaS; orchard — friendly consumer biotech, oat slabs, sage brand and one candy-orange action; field-notes — open-source developer tools on warm green-cast paper ruled by hairlines, one rust accent, a hero that dissolves into the page, and colour that encodes how a claim is known; cyclorama — enterprise AI transformation on a pale field that cycles through six pastel stops on a 32s loop under fixed near-black ink, a monospaced typewriter serif, one orange used only as a fill, and no shadows at all; showroom — a white gallery where one real product surface is the exhibit, under a seven-layer shadow; blueprint — a drawing sheet for infrastructure sold on precision: grid, ruled columns, registration marks, one electric blue and zero radius; prism — an open-source project's front door, one static iridescent wash over mono body copy; maquette — enterprise data infrastructure as a cream axonometric model on a near-black table; scoreboard — warm paper and a dark ledger of dotted-leader rows whose numbers are set in an aliased pixel face, for a product whose argument is an accumulating number; datasheet — an off-white spec sheet whose focal element is a live instrument ruled at radius zero and which re-skins itself dark when it detects the reader is hiding, for B2B SaaS whose product is a verdict about the visitor or the device; manpage — a developer landing page set in the reader's own system monospace on cream paper, coral label chips that are real headings and a dark code frame as the argument, for APIs, SDKs and CLIs; pigeonhole — a white sorting wall whose nine pastel categories are a taxonomy rather than a mood, each a two-layer chip whose label word is mandatory, for products that file the reader's incoming mess into named categories; roster — a white field in a faint grid of squares whose whole argument is other people's marks, with client logotypes in pill-labelled industry columns and an engine's wordmark inside the headline, for products sold on who already carries them; ora — a warm coal field with cream ink and no third hue, where the accent is the inverted field, a serif carries every human sentence and a monospace every machine fact, and a terminal surface is cut below the page, for products whose output is a machine's verdict about the reader; tenor — warm paper with zero radius and zero shadow, one hairline weight, an orange that exists only on hover and on focus, a sans at weight 400 tracked negative against a mono tracked positive, display at a line-height below one in an eight-to-twelve-character measure, and proof delivered as silent looping video, for products arguing that a new kind of thing must be managed like an existing organisation; paperclip — neutral coal with no functional colour anywhere, every control monochrome and elevation made of hairlines, the whole chromatic budget spent on a curtain of gradient capsules and a row of gradient section badges that cannot be clicked, for products that ask a person to run something that runs itself); ledger — warm cream paper where elevation is a hairline at 12% ink and no card casts a shadow, an ink primary button and a terracotta that never fills a control but labels in 10px monospace uppercase, over 32px data rows, with a seal on every card saying how its number is known, for the console of a product that answers questions about data); awning — a white forecourt where the accent is black and no hue reaches the chrome at all, a pill whose radius is a declared component token, one variable grotesque at 420/550 with no 700, two rule weights and a single three-layer shadow, for commerce and platform front doors); router — a near-white field with a trace of blue and white cards standing on that tint, hairline seams instead of shadows anywhere, body at 14px and weight 450, one royal blue at 97% saturation doing every accent job and none of the chart work, and a status triplet in which the colour you paint with is not the colour you write with, for product consoles, developer platforms and the landing pages that have to look like them; daylight — a cool near-white portal field with generous radii whose whole depth is one very large soft shadow spent on a single object per screen, Inter Tight 700 tracked negative over Manrope 400, for client-facing portals and the pages that sell them; notation — a near-white page drawn entirely in hairlines instead of cards, radii of 2 and 4px, a slab serif held at weight 300 against a monospace with no bold anywhere, an ink primary that leaves the accent free to mark what can be read, and one chamfered corner per page, for developer products sold on restraint; almanac — oatmeal paper rather than white, seams at 2px with no 1px anywhere, a 104px display at weight 500 set below a line-height of one, uppercase mono tags notched through the edges of drawn boxes, and one object per page floating on four stacked shadow stops, for pages that assert a category; vitrine — a white field drawn entirely in hairlines, a serif display over a sans body, an ink primary, a grey panel that groups without lifting, and one framed record with a 1px inset highlight carrying the page's evidence, for the front door of a product sold on trust; proscenium — a white field carrying two cool acts and one deep indigo act at the middle, an electric violet filling a control that stays nearly square at 4px against cards at 16, one family at nine weights, and a framed product panel the fold cuts off, for product-led marketing front doors whose argument is a demonstration; bulletin — warm cream paper cut by flat pastel bands, every card and control a 1px ink outline standing on a hard zero-blur ink offset it travels into when pressed, a display face at 800 inside controls and 700 in the headline, and no tracking at any size, for front doors whose argument is breadth; nameplate — a cool near-white slab under a page square on 87% of its elements, the one round shape reserved for a white 1px-bordered pill carrying somebody else's publication name as type, one family with the body at weight 500, and two uppercase registers tracked 0.06em and 0.175em, for pages whose argument is that named third parties will vouch for you: press placement, trust marks, certification and review aggregation; rimlight — a white field with a cool grey act separator and one near-black act, a grotesque for every sentence and a monospace for every piece of chrome, square on 84% of its elements, tracked negative at every size and with no bold anywhere, whose only elevation is a sixteen-layer coloured light rig thrown from below-left onto one control per viewport, for a studio's front door and its service and case-study pages; onionskin — a white technical sheet at 96.5% zero radius where two bases do all the work and everything quiet is one of them at an alpha: text dims through the ink, structure through a navy that is never a word, over a dot grid with dashed hairlines, three faces with one job each and an 11px working size, for developer and AI infrastructure whose front page is a working document; deskmate — a warm beige working day lit from one source above the top edge, where a single four-stop ramp of peach, lilac, violet and deep navy washes the field, fills a panel and fills one word of a heading, every control is a 56px pill against 32px slabs, elevation is a field step with two shadows on the whole page, and the set piece is a framed transcript whose quoted chat client keeps its own face and colours under a --quoted-* namespace, for products sold as a colleague rather than a tool: AI employees and chat-native agents); test-drive — warm paper and white cards where the set piece is the live product running inside drawn browser chrome with traffic-light dots, one coral in two tokens (the brand hue lights, fills and blinks; a darker step carries every body-size word), every control lit by a four-layer shadow in its own hue, a handwritten face and a yellow marker annotating from the margin, machine surfaces quarantined in their own dark ladder that ignores the theme, for self-serve SaaS sold by handing over the running product; surveyor — warm peach paper where an unseen terrain is mapped: fine contour lines as the single texture, flat white and tinted cards with no shadow anywhere but the detached nav, one teal whose text-bearing steps climb the reference's own hover ladder, a pink that answers but may not speak, TT Fors at a 600 ceiling with tabular numerals, and the product shown only as flat portraits, for visibility, monitoring and benchmark tools sold to marketing teams; chorus — warm off-white paper under a construction grid that never switches off, two 1px verticals crossed by horizontals with a small plus at every intersection and continued across the dark band; the set piece is somebody else's question in a cut-corner bubble (24px on three corners, 0 on the top right) set in the display face, white cards with no shadow and a hairline edge, near-black slabs cut 30px into the sheet, one coral that fills but may never be a word, and a periwinkle that only exists in a gradient or on the dark, for AI-search visibility, brand monitoring, social listening and community marketing whose proof is other people's conversations; otherwise follow the contract below (self-contained on purpose).