Motion and finish demo Prototype · synthetic data

TIDE · Kansas City Distribution Center

See the motion and finish options on live examples.

Each block is a small, labeled sample you can try. Figures are synthetic. Nothing here is connected to a live warehouse.

01

Animated background grid

A faint grid drifts behind the page, like a command-center floor.

Fine grid

Wide grid

02

Cursor-following light

Move your pointer or finger across this panel. A soft glow tracks with it.

Parcel On track

Units available

7,410

Current UPH

21.1

Goal 20.0

Goal variance

+1.1

Above goal

Move around this panel

03

3D tilt on hover

Hover the card, or drag on a phone, and it tips toward your pointer.

Parcel On track

Units available

7,410

Current UPH

21.1

Goal 20.0

Goal variance

+1.1

Above goal

04

Frosted glass on deep black

Translucent panels with blur and a soft glow along the rim.

Parcel On track

Units available

7,410

Current UPH

21.1

Goal 20.0

Goal variance

+1.1

Above goal

Move two Parcel pickers to Ecomm Picking

87% confidence

Ecomm Picking

Reassign 2 associates from Parcel to Ecomm Picking for the 1:00 to 4:00 PM block.

05

Glass, Ember, and Tide

The same Parcel card, finished in the Glass, Ember, and Tide styles from Scrolltide.

Parcel On track

Units available

7,410

Current UPH

21.1

Goal 20.0

Goal variance

+1.1

Above goal

Glass A frosted lens with an iridescent rim and cool highlights.
Parcel On track

Units available

7,410

Current UPH

21.1

Goal 20.0

Goal variance

+1.1

Above goal

Ember A dusk-navy card with a warm flicker along the edges.
Parcel On track

Units available

7,410

Current UPH

21.1

Goal 20.0

Goal variance

+1.1

Above goal

Tide Deep green water, hairline rules, and calm uppercase labels.

06

Glow accent colors

The same card with four accent colors, side by side.

Parcel On track

Units available

7,410

Current UPH

21.1

Goal 20.0

Goal variance

+1.1

Above goal

Electric cyan
Parcel On track

Units available

7,410

Current UPH

21.1

Goal 20.0

Goal variance

+1.1

Above goal

Cairn slate blue
Parcel On track

Units available

7,410

Current UPH

21.1

Goal 20.0

Goal variance

+1.1

Above goal

Neon green
Parcel On track

Units available

7,410

Current UPH

21.1

Goal 20.0

Goal variance

+1.1

Above goal

Amber gold

07

Live shift clock

Chicago time, ticking each second, plus how far the 5:30 AM to 6:00 PM shift has run.

Saturday

November 14, 2026

00:00:00

AM

America/Chicago

5:30 AM to 6:00 PM · 12.5 hours

Time left in shift

08

Load motion and button feedback

Numbers count up, rings fill, and cards slide in. Press a button to see a ripple and glow.

Units available

0

82%

Current UPH

0.0

105%

Goal variance

+0.0

+1.1

09

Smooth page transitions

Switch tabs and the panels slide and fade, rather than snapping.

Current shift · Parcel / Ecomm

Supervisor home

Two recommendations are waiting. Parcel is running 21.1 UPH, 1.1 above goal, with 7,410 units still available.

10

Clock and shift bar placements

Two ways to put the clock on the Home screen. A makes it a large hero. B tucks a compact clock and shift ring under the TIDE logo in the sidebar.

Parcel/Ecomm Home

Saturday

November 14, 2026

00:00:00 AM

Time left in shift

Units 7,410 UPH 21.1 Variance +1.1
A. Hero panel on Home The clock and shift ring lead the screen.

Parcel/Ecomm Home

Move two Parcel pickers to Ecomm Picking · 87% confidence

Units 7,410 UPH 21.1 Variance +1.1
B. Compact clock in the sidebar The clock sits under the TIDE logo, leaving the main view for work.

11

Heading and number fonts

Four free, wide, futuristic heading fonts on the TIDE wordmark and a sample page title, plus a mono style for numbers.

TIDE

Parcel/Ecomm Home

Orbitron

TIDE

Parcel/Ecomm Home

Michroma

TIDE

Parcel/Ecomm Home

Exo 2

TIDE

Parcel/Ecomm Home

Audiowide

7,410   21.1   +1.1   00:00:00 AM

DM Mono, a tabular style for live numbers and the clock.

12

Ambient background options

Four quiet moving backgrounds you can run behind the dashboard.

Flowing waves
Drifting ember particles
Moving grid
Soft aurora

13

Start-up sequence

The TIDE logo assembles and glows, then the panels power on one by one. There is no sound.

Throughput Intelligence & Decision Engine

Units available

7,410

Current UPH

21.1

Goal variance

+1.1

Recommendation

Move two Parcel pickers

15

Chart samples

Three ways to show movement in the data: a glowing line, a radial gauge for UPH against goal, and a 3D-looking bar chart.

Glowing line · UPH through the shift
5:30 AM 11:00 AM 4:00 PM 16 22
Radial gauge · UPH vs goal
Goal 20.0

21.1

Current UPH

3D-looking bars · Units available by area

4,148

Bulk

2,870

Chuck

7,010

Ecomm

7,410

Parcel

16

Login screen

Waves rise from a deep black field and form a glass and chrome TIDE mark. The fields glow as you type. A small Cairn mark appears only during start-up.

17

Glow system

Six glow colors for different jobs: cyan for the main accent, amber for warnings, red for alerts, green when you are on goal, gold for wins, and slate blue for navigation and frames.

Main

21.1 UPH

Cyan

Warning

Aged 1,340

Amber

Alert

Needs review

Red

On goal

+1.1

Green

Win

Goal met

Gold

Nav / frame

Home Overview

Slate blue

18

Glowing filled icons

Solid icons with a soft halo, for navigation and status.

19

Goal celebration

A short, quiet moment when a metric crosses its goal. Press replay to see it again.

Current UPH

19.4

Goal 20.0

Goal met