Preset: kawa

kawa draws progress like a river. An Item with Status done gets a solid accent Segment, an upcoming one a dashed Segment whose pattern drifts toward the end of the Line, and where scroll-driven animations are supported the done Segments fill as they are read. Scroll down to watch the line grow.

Vertical

  1. Kickoff

    The team agrees on the goals and the first milestones.

  2. Plan

    The plan is checked against the budget.

  3. Prototype

    The first working prototype goes to early users.

  4. Beta

    Early users try the beta and send their feedback.

  5. Docs

    The documentation and the examples go out with the release.

  6. Launch

    The first stable version ships.

Horizontal

  1. Kickoff

    The team agrees on the goals and the first milestones.

  2. Plan

    The plan is checked against the budget.

  3. Prototype

    The first working prototype goes to early users.

  4. Beta

    Early users try the beta and send their feedback.

  5. Docs

    The documentation and the examples go out with the release.

  6. Launch

    The first stable version ships.

Dark

  1. Kickoff

    The same accent hue, mixed with the dark Canvas.

  2. Prototype

    No fixed palette is needed for the dark page.

  3. Beta

    The current Marker keeps the default accent ring.

  4. Launch

    The dashed line is still visible on the dark surface.

Without the Preset

  1. Plan

    Loading the Preset file must not change a Timeline without data-preset.

  2. Beta

    The default line and Card styles stay exactly as they are.

  3. Launch

    The default dashed Segment is used, not kawa's moving dashes.