Design reference 59 · Small business

Unit Finder

Help people picture the right amount of space.

Download design ZIP · Open interactive specimen

Unit Finder desktop reference

Design specification

Philosophy and fit. Help people picture the right amount of space. Built for self storage, storage facility, equipment rental. The visitor’s next step is to reserve a unit.

Visual grammar. Use a electric blue storage planner with schematic volumes and a comparison matrix. Preserve the hierarchy of capacity calculator, size diagrams, availability, monthly pricing; these patterns solve this business’s actual decision, rather than supplying interchangeable decoration.

Sample and interaction. STACK / Storage is a fictional demonstration. The entry page establishes a complete visual direction, with find your size and reserve a unit as supporting states. Inputs use local deterministic fixtures; no request, order, application or payment is sent.

Responsive behaviour. On a phone, keep the primary decision first, stack facts with explicit labels, preserve the order of the workflow, and provide comfortably sized controls. Wide diagrams scale; tabular facts retain their labels.

Adaptation. Replace the fictional brand, prices, availability, qualifications and claims with verified client information. Preserve capacity calculator, size diagrams, availability. Use imagery to explain the place, people, work or product, with deliberate crops and honest captions. Do not turn this into a generic hero-and-card layout.

Identity and adaptation. Use schematic volumes, dimensions and item counts to make capacity tangible. Unlike Local Trades, the next action depends on a calculated size and actual sample availability, including a full-unit alternative.

Files for a coding model

Reference images

Supporting routes

Reuse

Use and adapt the original code and specifications for personal or commercial work under MIT. Keep applicable font and photo notices. The ZIP includes the complete runnable reference and its local assets.

Asset notices · Agent instructions