ottsi.com site in development

A new site is being built here. Until it ships, this page holds the space.

Scroll

Live readout

Nothing here is decorative data.

Every value below is measured in your own browser, right now, as you read it.

Viewport

—

css pixels

Pixel ratio

—

device / css

Colour

—

display gamut

Refresh

—

measured over 40 frames

Renderer

—

background field

Pointer

—

primary input

Motion

—

system preference

Local time

—

timezone

Measured locally and never transmitted. This page has no analytics, no cookies, and no server calls after it loads.

More soon.

Colophon

What this page is made of.

Field
WebGL2 fragment shader, domain-warped fBm value noise, dithered to remove banding
Colour
OKLCH palette with color-mix() blending, sRGB fallbacks declared first
Type
Space Grotesk variable, Instrument Serif italic, JetBrains Mono
Motion
CSS scroll-driven animations via scroll() and view() timelines
Props
Registered custom properties with @property for interpolatable angles and lengths
Layout
Container queries, :has() sibling dimming, text-wrap balance and pretty
Elements
Custom element for the tiles, Popover API with @starting-style entry
Weight
One file, no framework, no build step, no third-party scripts
Access
Honours prefers-reduced-motion and forced-colors, keyboard reachable throughout