DDS-4 · Industrial Instrument
Dani Design System 4 · v4.0.0 · extracted from dani.tools
01 — Foundations

Warm-grey body, one product accent, and the instrument's own fixed hues.

Device neutrals — current mode
Accent — the product's one token
Instrument — fixed in every product and mode
Type — Space Grotesk / Space Mono
displayConvert
titleImage converter
headingLoad files to begin
bodyFiles never leave this device.
body_smHEIC, PNG, WebP, AVIF
label02 — Select function
monoIMG_4471.heic · 3.2 MB
lcdREADY_
Radii — soft and physical
Depth — four layers, nothing else
raised
well
page → unit → raised / well
Motion — tap to run
spring 0.34 1.56 0.64 1
spring_strong 0.34 1.8 0.5 1
out 0.2 0.8 0.2 1
02 — Keys

Keys sink 3px when pressed, lift 1px on hover. Never a text link.

HwKey — states
Sizes & icons
⌘K
ActionKey — the one that starts a job tap it
rest · busy (hums 1px) · done (green, instrument-owned) · disabled 45%
03 — Indicators

LEDs carry status. A label always repeats it.

Led — states
LEDStateLabelMeans
offIDLEnothing loaded
onREADYaccent — armed
busyWORKINGblinks 320ms
okDONEinstrument green
warnCHECKinstrument amber
errorERRORinstrument red
LedChase — runs while a job runs
Badges & chips
M 3 Online JPG PNG
04 — LCD readout

Amber phosphor, a slow scanline, and a warm-up flicker on every mode change.

Fn 03 · Password128 bit
k7#Rw-Tqm2-Lp9x
Statusidle
READY_
Converting0%
IMG_4471.heic → .jpg
USD → KRWlive
05 — Selection

A dark indicator slides with a springy overshoot.

Segmented
Vertical
Toggle
Strip metadata
GPS · camera · dates
Keep folders
zip output
Checkbox & radio — small keys
Session tabs
06 — Values

Turn it like a knob, slide it like a fader.

Quality
82
Brightness+12
Radius24 px
Stepper
16
Gain
70
Mix
35
Meter · ring · VU
74%
07 — Input

Every field is a well. Focus is a 2px accent ring.

01 — Input
Width
pixels · keeps aspect
Height
! must be at least 1
SHA-256
08 — Files

Cards fly in, run with an accent ring, and pop a check when done.

Drop photos here

HEIC, PNG, JPG, WebP — nothing is uploaded

Tray0 / 4
09 — Grille visualizer

The speaker grille breathes when idle, waves while working, bursts on done.

Mode
10 — Feedback

Toasts and tooltips are little LCDs. Dialogs are a unit on a scrim.

Toast
Saved 4 files · 2.1 MB
Copy to clipboard
Confirm
Clear the tray?
4 converted files will be removed. They were never uploaded, so this cannot be undone.
11 — Home widgets

Five lines: a header and four data rows. Never taller.

World clock
Seoul--:--
London--:--
NYC--:--
Seoul12 min
17°Clear
H 21 · L 11
Wind3 m/s NW
Rain0%
Currency1 h
USD1,382.40
EUR1,497.15
JPY ×100921.08
This device
Battery74%
Memory5.1 / 8 GB
02 — Select function4 tools
12 — A whole instrument

Image converter, composed from the parts above.

d.
Image converter
Fn 01 · media
Ready
Output4 files
HEIC → JPG · Q82
03 — Format
Strip metadata
gps · camera