@nadicodeai/design-system 12.1.215 → 12.1.217
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/DESIGN.md +2 -2
- package/package.json +1 -1
package/DESIGN.md
CHANGED
|
@@ -758,7 +758,7 @@ A corner follows what the thing is, on one scale: buttons, inputs, badges, tabs
|
|
|
758
758
|
|
|
759
759
|
## Motion
|
|
760
760
|
|
|
761
|
-
|
|
761
|
+
Status labels use sentence case without trailing ellipses; complete instructional sentences keep their punctuation.
|
|
762
762
|
|
|
763
763
|
Only Agents move on their own, with one exception: the company's card (`CompanyCard`) turns in the light for 2.2 s when it is first seen and again when it is issued, then stays still, and under reduced motion it does not turn. The interface answers a person's action, briefly, and stops: motion follows the action, grows from the element that was pressed, and settles, within 300 ms; sheets and drawers that follow the pointer take their own durations, and a pressable `AgentCard`'s hover glow takes 500 ms. Keyboard actions and anything used a hundred times a day are instant. While a person waits for something they asked for, one waiting line moves and nothing else ([system waits](../../skills/design/product-design/references/living-elements.md#system-waits)). On the website three things move: Agents, the product at work, and the shader objects; a film of ours plays only when the visitor presses play. A product scene runs the real components through their states in beats while it is half in view, rests on the finished work, loops, stops off-screen, and holds the finished work under reduced motion; a part of a scene arrives with `.nc-arrive`: it holds its place from the start and comes into focus there on the message-arrival timing, so a playing scene never shifts the page. The threads, the hive and the card's foil move at their own slow pace; each stops off-screen and holds one frame under reduced motion. Words never move, and there is no parallax, scroll reveal of text, marquee or shimmer. Ruled by the founder: a Stripe-grade product site, with shaders adjusted to the art direction and the products shown working.
|
|
764
764
|
|
|
@@ -779,7 +779,7 @@ The default transition in every product is `confirm`, 180 ms, `out-strong`. Unde
|
|
|
779
779
|
| `drawer-swipe` 400 ms, `drawer` 450 ms | Sheets, and the phone drawer that follows the finger |
|
|
780
780
|
| `wait` 1.6 s | Every waiting indicator: the waiting line, on every screen, a kept Hermes screen's included |
|
|
781
781
|
|
|
782
|
-
The easings are `emphasized`, `out-strong`, `in-out-strong` and `drawer`; the waiting line
|
|
782
|
+
The easings are `emphasized`, `out-strong`, `in-out-strong` and `drawer`; the waiting line and the shimmer on an Agent's state word travel at constant speed (`linear`). A CSS transition or animation takes its duration and easing from these tokens; the design system's own stylesheets are held to it by a guard.
|
|
783
783
|
|
|
784
784
|
## Components
|
|
785
785
|
|