Design principles
The standards that make Gymful experiences calm, premium, clear, and useful.
1. Make the strategy visible
Hierarchy, sequence, interaction, and imagery should reinforce the intended position. Design cannot rescue an unclear argument, but it can make a clear one unavoidable.
2. Reduce before decorating
Remove competing messages, unnecessary controls, and visual effects that do not improve comprehension or action. Premium is often the result of disciplined omission.
3. Create one dominant idea per view
Every section or screen needs a clear visual and informational priority. Supporting elements should explain, prove, or advance that idea.
4. Build systems, not isolated screens
Use reusable tokens, components, content models, and interaction patterns. Consistency is a product capability, not an aesthetic preference.
5. Design the full state model
Include loading, empty, error, success, permission, long-content, and small-screen states. The polished default state is only a fraction of the experience.
6. Motion must explain
Use motion to reveal hierarchy, show continuity, or confirm change. Never delay access to meaning. Respect reduced-motion preferences.
7. Performance is perceptual quality
Fast loading, stable layouts, responsive controls, and optimised media are part of the brand experience.
8. Accessibility is a quality floor
Semantic structure, contrast, focus visibility, keyboard access, readable type, and clear labels are required—not optional refinements.
Review questions
- What is the one idea this view must communicate?
- Which strategic association does the design reinforce?
- Can someone scan the hierarchy without reading every word?
- Does the experience remain complete on mobile, keyboard, and reduced motion?
- Is any effect compensating for unclear content?