## Visual Direction

Forma should have a **minimal, playful visual identity with a subtle cinematic edge**.

The interface should feel clean and easy to use, while bold typography, expressive illustrations, and unexpected compositions give it personality.

The reference image attached to this prompt should be treated as an important visual reference for the overall mood and visual language.

### Core idea

> **Minimal UI. Bold type. Playful personality.**

Do not make Forma look like a traditional bodybuilding app, a generic fitness dashboard, or a dense data-tracking product.

The interface should feel friendly, minimal and visually distinctive.

---

## Overall Aesthetic

Prioritize:

- Minimal layouts
- Generous whitespace
- Strong visual hierarchy
- Bold and playful typography
- Simple, expressive illustrations
- Occasional unexpected, playful compositions
- A restrained but distinctive color palette

The app should feel **light and approachable at its core**, with a slightly darker, more sophisticated undertone.

The cinematic quality should come from contrast, typography, and composition.

---

## Typography

Typography should be one of Forma's strongest visual characteristics.

Use a bold, modern typeface for:

- Screen titles
- Workout names
- Exercise names
- Large numbers
- Progress states
- Important messages

Typography can be oversized and playful.

Experiment with:

- Unexpected line breaks
- Large numerical displays
- Different text scales
- Cropped or partially overlapping type
- Never use uppercase, though
- Short, confident headlines

For example:

    TODAY

    PUSH
    DAY

    04
    EXERCISES

or:

    NICE.

    THAT'S
    12 KG
    MORE.

Keep supporting UI text much more restrained and highly legible.

The contrast between **bold expressive headlines and quiet functional UI text** should be a defining part of the system.

---

## Illustrations

Use illustrations as a key source of personality.

The reference image suggests a visual language based on:

- Simple shapes
- Bold outlines
- Limited colors
- Expressive characters
- Slightly hand-drawn qualities
- Playful compositions
- Unexpected visual metaphors

For Forma, adapt this language toward fitness.

Possible subjects include:

- Abstract human movement
- Exercise poses
- Simplified anatomical forms
- Dumbbells and gym equipment
- Muscles
- Motion
- Progress
- Strength
- Recovery

Avoid generic stock fitness illustrations or overly realistic anatomy.

Illustrations should appear selectively, especially in:

- Empty states
- Onboarding
- Workout completion
- Progress milestones
- Celebratory moments
- Feature introductions

They should enhance the experience rather than decorate every screen.

---

## Color

Use a restrained palette.

The base should feel sophisticated and slightly cinematic, while accent colors introduce energy and playfulness.

Consider:

- Warm off-white / soft white
- Deep charcoal
- Black
- One strong primary accent
- One or two secondary accent colors for illustrations and special states

Avoid relying on typical fitness-app neon gradients.

Color should be used intentionally to create moments of emphasis.

Large areas of neutral color should coexist with occasional bold color moments.

---

## Layout

Keep layouts simple.

Do not fill every available space.

Prefer:

- Large whitespace
- Strong alignment
- Clear hierarchy
- Oversized text
- Simple grids
- Asymmetry used sparingly
- Occasional unexpected positioning

Avoid turning every section into a rounded card.

Cards should be used when they improve organization or interaction, not as a default visual pattern.

The UI should remain extremely easy to scan while someone is actively working out.

---

## Motion

Motion should reinforce the playful personality of Forma.

Use subtle but expressive transitions for:

- Completing sets
- Changing weights or reps
- Progress updates
- Navigating between exercises
- Completing workouts
- Revealing illustrations
- Important milestones

Typography and numbers can animate as part of the interaction.

Motion should feel:

- Fast
- Physical
- Satisfying
- Playful
- Polished

Avoid excessive bouncing, confetti, gamification, or cartoon-like effects.

---

## Unexpected Moments

Forma should occasionally break the expected UI pattern.

Examples:

- A huge number taking over the screen
- A playful illustration appearing beside a workout milestone
- A headline using an unusual line break
- A progress value becoming the primary visual element
- An illustration partially extending outside its container
- A completion state becoming visually expressive

These moments should feel intentional and memorable, not random.

---

## Personality

Forma should feel:

- Minimal
- Playful
- Energetic
- Confident
- Modern
- Friendly
- Slightly unconventional
- Sophisticated

Avoid:

- Hardcore bodybuilding aesthetics
- Generic gym-bro visuals
- Excessive neon
- Excessive gradients
- Dense dashboards
- Overly corporate SaaS styling
- Excessive gamification
- Overly decorative interfaces

### Design principle

**Keep the interface minimal. Let typography, illustration, motion, and occasional visual surprises provide the personality.**

The result should feel like a **clean modern fitness product with a playful visual soul and a subtle cinematic edge.**