Here at Nothing, we’re building a world where tech is fun again. Remember a time where every new product made you excited? We’re bringing that back.
Design Analysis
Dot Matrix Industrial Consumer Tech is a hardware-first system that uses white gallery space, black utility bars, and industrial product close-ups to create a highly ownable retail language. It should feel graphic, spars...
Dot Matrix Industrial Consumer Tech is a hardware-first system that uses white gallery space, black utility bars, and industrial product close-ups to create a highly ownable retail language. It should feel graphic, sparse, and obsessed with the object itself.
Use close, sharply lit product photography, isolated objects, transparent or exploded hardware details, and staggered supporting tiles. Images should feel like industrial exhibits more than lifestyle scenes.
Most of the interface stays white, black, and machine gray, with tiny red cues appearing only where they reinforce industrial precision. Resist the urge to add warmth or decorative color systems. The products should provide the visual excitement.
Lean into pixelated or digital-industrial display treatments, but give them enough space to remain legible. Supporting text can feel technical and almost documentation-like. Avoid soft editorial typography that would dilute the object-driven stance.
Core identity and authoring metadata from the refto.one design model.
A consumer-hardware system built from bright white space, dot-grid framing, black utility bars, translucent chrome, and stark product photography with visible industrial detail.
industrial, stark, graphic, and product-obsessed with near-gallery spacing
Fields outside the primary renderer remain visible here as structured fallback content.
Primitive palettes and resolved token colors for the active preview mode.
Spacing scales rendered as tokens with a simple length specimen.
Corner radii tokens with a live surface sample.
Font families from the current design YAML, including fallback stacks and usage character.
Top-level typography scale rendered as live text specimens.
Fields outside the primary renderer remain visible here as structured fallback content.
Motion tokens rendered as resolved values for timing and personality.
Resolved motion token values.
| Property | Value |
|---|---|
duration | 180ms-320ms |
easing | cubic-bezier(.22,.9,.2,1) |
spring | stiffness 120, damping 18 |
Low-complexity component tokens rendered as design-system specimens.
Schema-agnostic optional blocks from the design YAML. New option keys render here automatically.
Compact list of patterns the design system explicitly avoids.