Jeevy Dev Hub
The developer and design guide for Jeevy: rigid geometry, monotonic charcoal elevation, and automated pre-merge gates. Every value here is read from the same token source the app ships.
Foundations and concepts
Start here: why the system looks the way it does, and the tokens every screen is built from.
Design principlesFour human commitments for software on a shop floor, and the engineering rule that keeps each one.Token architecture and tiersPrimitive, semantic and component tokens, and how one value cascades to a control.Color and the monotonic ladderSix charcoal rungs measured in L*, text contrast, and status hues that name conditions.Typography and data formatsSix sizes, the one 10px tier, and when a number takes the data face.Data visualization and charts20 chart archetypes at three sizes, timeline rules, the series colour contract, and accessible charts.Layout patterns and shell slotsThe five shell slots, drawer anatomy, and density that steps inward.Light theme architectureWhy light mode is not an inverted ladder, the chrome hover fix, and the contrast math.Accessibility and inclusive designWCAG 2.1 AA and Section 508: contrast, boundaries, screen readers, keyboard and glove touch.AI atmosphereHow AI shows itself: the warm content pill, the sparkle and the thermal halo.Platform: kiosksThe gloved shop-floor terminal: touch floors, high-contrast states, the 56px PIN pad.Platform: mobileOne column, sticky bottom bars that clear the safe area, thumb-reach actions.Platform: desktopData density at 1440px and up, 32px rows, and keyboard navigation.
Component library
Every component with a live stage, code for five platforms, its touch target and its rules.
All componentsActions, data display, form controls, navigation, overlays, and domain and AI components.ButtonsTrigger an action. Four variants chosen by what the action does, three heights chosen by where the button sits. A split button is the compound kind: one commit plus a menu of alternatives.Data grids and ledgersScan, sort and act on many records at shop-floor density.Pills and tagsPassive metadata: what condition a row is in, or what a thing is.ModalInterrupt for a decision or a short form that must finish before going on.AI indicators and thermal auraMark where AI produced or is producing something, with one warm visual identity.
SDK and pipeline
How tokens are compiled, how the gates run, and how a new component is requested.