Resoniqa

Internal

Design sheet

Every token and component state, live in the current theme. Switch the theme in the header to check both surfaces.

Colour

Neutrals

--ground

Page

--surface

Cards, panels

--surface-raised

Hover, active row

--line

Hairline border

--line-strong

Emphasised border

--text

Primary text

--text-muted

Secondary text

--text-faint

Non-essential only

Signal

--resonance

Corrected line, primary action, focus ring

--resonance-deep

Pressed, gradient end

--resonance-wash

Residual band, selected row

--watch

State: watch

--inspect

State: inspect

--absent

No data. Colourless by design

Type

Archivo

Display. Headlines only, slightly expanded

IBM Plex Sans

Body, interface, buttons

IBM Plex Mono

Every measured value, tabular. Eyebrow labels

display-1Resonance
display-2Every building
h1Structural health overview
h2Portfolio
h3Contributing devices
bodyThe corrected reading is compared against the building’s own history.
body-smAmbiguous matches are dropped rather than guessed.
captionLast measured 12 August
data-xl4.72
data4.72 ±0.052
labelResidual band

Space, shape, motion

Spacing — 4px base, these steps only

4
8
12
16
24
32
48
64
96
128

Radius

2px

Inputs, chips

4px

Buttons, small cards

8px

Panels, modals

Motion

micro

120ms

Hover, focus, colour

ui

200ms

Panels, menus, toggles

reveal

600ms

Scroll-in, once per element

trace

2400ms

Hero trace draw and band collapse

Reduced motion renders the final state immediately. Nothing is lost.

Focus

Components

State chip
StableWatchInspectNo data
Confidence
HighMediumLowNot measured
Reading
4.72Hz±0.0524.72Hz—
Reading, large
4.72Hz±0.052—
Sparkline

Frequency trace — gap at weeks 14 to 19, permanent drop from week 24

Hz5.006.00
Sept 25Nov 25Feb 26May 26

Frequency trace — nothing measured

Hz0.000.501.00
Sept 25Nov 25Feb 26May 26

Raw waveform

Raw acceleration — one logging test

XX.PHONE
Window
15:15:06 — 15:15:29 GMT+2
Rate
100 Hz
Duration
23.2 s
Samples
2,320

HNZZ

Peak
3.76
Mean
1.51

HNXX

Peak
3.64
Mean
-1.34

HNYY

Peak
3.54
Mean
9.48
15:15:0615:15:1715:15:29

Raw acceleration — with the gate’s verdict

XX.PHONE
Window
15:15:06 — 15:15:29 GMT+2
Rate
100 Hz
Duration
23.2 s
Samples
2,320

HNZZ

Peak
3.76
Mean
1.51

HNXX

Peak
3.64
Mean
-1.34

HNYY

Peak
3.54
Mean
9.48

Gate

  • Kept
  • Rejected
15:15:0615:15:1715:15:29
  • The mean of each component is mostly gravity. A phone at rest projects it differently onto each axis, which is why the three sit at three offsets.
  • The bursts at either end are handling. The on-device gate rejects them before anything is uploaded.

Raw acceleration — nothing recorded

XX.PHONE
Window
15:15:06 — 15:15:29 GMT+2
Rate
100 Hz
Duration
23.2 s
Samples
2,320

HNZZ

Peak
0.00
Mean
0.00

HNXX

Peak
0.00
Mean
0.00

HNYY

Peak
0.00
Mean
0.00
15:15:0615:15:1715:15:29

Portfolio

One record per building, ordered by what needs attention.

Sample data. Not a measurement of any real building.
ReferenceBuildingTrendFrequencyStateConfidenceDevices
MI-0221Via Ripamonti 118, Milano12 storeys4.82Hz±0.094InspectHigh19
MI-0198Corso Buenos Aires 7, Milano9 storeys7.90Hz±0.118WatchMedium8
MI-0304Viale Certosa 210, Milano2 storeys—No dataNot measured—
MI-0142Via Vincenzo Monti 34, Milano24 storeys4.74Hz±0.052StableHigh31
MI-0263Via Savona 52, Milano3 storeysPeer baseline11.88Hz±0.161StableLow3
MI-0355Via Padova 88, Milano7 storeys9.08Hz±0.107StableMedium11

Sample data. Not a measurement of any real building.