Design principles

Clarity first. Craft throughout.

The Freightpx visual language is editorial rather than conventionally corporate. In an application context, that means strong hierarchy, concise copy, clear grids, warm high-contrast neutrals, thin separators, and decoration that stays out of the way.

01 — Content before decoration

The interface exists to help people understand and act on information. Use typography, order, grouping, and spacing before introducing decorative containers.

02 — Structure before cards

A section does not automatically need a card. Use whitespace and dividers to create hierarchy. Reserve surfaces for components that genuinely benefit from containment or elevation.

03 — Neutral by default

The system should not impose a bright accent identity on every product. Neutral UI gives brand, content, charts, status, and customer data space to carry their own meaning.

04 — Compact, not cramped

Application interfaces should handle dense information while remaining readable and operable. Major sections can breathe; repeated rows and controls should be efficient.

05 — One dominant action

A view should make the next important action easy to find. Secondary actions remain available without competing visually.

06 — Color has a job

Status, warnings, feedback, selection, and risk are valid uses. Decorative color applied without meaning is not a default pattern.

07 — Motion has a job

Animation should explain a state change, reveal hierarchy, or improve spatial understanding. It should never delay routine work.

08 — State is part of design

Default-only mockups are incomplete. Components must define hover, focus, active, selected, disabled, loading, empty, and error behavior where relevant.