The Honest Pixel

There is a moment — around 200 milliseconds into a stutter — when an interface stops being a place and becomes a screen again. The illusion of material, of something you are touching, collapses. No palette survives that collapse. This is why I treat the frame budget as a design token, listed next to the brand colors.

Motion is a material claim

When a surface glides at a steady 60 frames per second, the brain files it as physical. When it hitches, the brain files it as broken glass. Craft, in digital work, is the discipline of never letting the material lie about itself. A 'cinematic' hero that renders at 24fps on the devices your audience actually owns is not cinematic — it is dishonest.

particle-inertia

The demo above runs thousands of particles with semi-implicit Euler integration. Drag the mass slider and notice how your sense of the particles' weight changes with nothing but timing. No texture changed, no color changed — only the integration constants. Timing is the texture.

The budget is the brief

Every project at this studio starts with a performance contract: the cheapest real device in the audience, the frame budget on that device, and the load budget on its network. Aesthetic ambition then grows inside that contract. This ordering — physics first, poetry second — is not a limitation. It is what makes the poetry trustworthy.

A dropped frame is a broken promise. Users forgive ugly long before they forgive dishonest.

// The contract, as code — merged before any visual work begins
export const PERFORMANCE_CONTRACT = {
  device: 'Redmi Note 9 (2020)',
  frameBudgetMs: 16.6,
  interactionBudgetMs: 50,
  coldLoadBudgetKb: 900,
} as const;