Brand Design SystemSeptember 2026

Measure · Decide · Support

Clarity that takes performance further.

One connected brand system for practice, training and personal coaching.
  1. Measure
  2. Decide
  3. Support

One brand. Four equal perspectives.

Plenea makes complex performance data manageable. The brand enters the market through practices, but addresses all four groups as part of the same system.

Practices

Connect diagnostics, planning and coaching.

Athletes

Understand progress and act with confidence.

Solo practitioners

Coach professionally without a large team.

Clubs & federations

Manage standards and groups together.

We do not make complexity invisible.

We make it manageable.
Calm

Few signals, a clear hierarchy and room for focused decisions.

Precise

Numbers, states and next steps are unambiguous and traceable.

Human

Technology prepares. People review, decide and support.

Cobalt leads. Neutral surfaces carry.

Blue marks direction and action. Semantic colours belong exclusively to states – never to decoration.
Cobalt#0F4DD5

Brand, focus, primary action

Deep Ink#101116

Text and dark surfaces

Mineral#F6F7F9

Base surface and calm

Silver#D9DDE5

Rules and separation

Only with meaning

Approved #059669

Review #F59E0B

Action needed #E11D48

Manrope for text and numbers.

Manrope carries the brand and the interface, including values, units, timestamps and technical details. Tabular figures keep numbers aligned. The wordmark is always the vector file.
AaManrope

Variable 400–800

274 WManrope

Tabular figures · Variable 400–800

Display · 72/68 · 720

Performance that takes you further.

Heading · 48/48 · 690

From findings to the next step.

Body · 17/28 · 430

Measurement data becomes understandable, verifiable and actionable.

Data · 14/20 · 600

4.20 mmol/l · 274 W · 04/09/2026

A path instead of floating tiles.

The 8-pixel grid, precise rules and few radii connect content. Structure comes from hierarchy, not from decorative containers.
Spacing

8

16

24

40

64

Radius

6 px controls · 10 px panels · 28 px mobile devices

Width1536 px

Maximum stage. Content stays in readable columns and follows a 7/5 hierarchy.

MotionCalm throughout

Short state changes, subtle scroll entrances. No blur or parallax. Reduced motion shows all content immediately.

The next safe action wins.

Plenea reduces visible friction without hiding professional uncertainty. Every flow shows context, state and consequence.
Orientation

Every view answers first: where am I, what is this about and what is the next step?

Decision

Primary actions name the effect: “Approve report” instead of “Next”.

Uncertainty

Unclear thresholds and suggestions remain visible as items to review – never as finished truth.

Feedback

Success, errors and saving are confirmed close to the action that triggered them.

Responsive

Desktop shows connections. Mobile prioritises one task; the wordmark gives way to the icon.

Accessibility

Contrast, keyboard paths, 44 px targets, visible focus and reduced motion are mandatory.

Tone of voice

Calm, concrete, approachable.

Write: “Your report is ready for review.”

Not: “Awesome! Your magical analysis is done 🚀”

Principle: effect before feature, plain language before jargon, no false promises of success.

Ready to use, deliberately editable.

The SVG and HTML templates apply logo, grid, fallback typography and colour rules. Content is placeholder text and must be reviewed professionally before use.

Our photo library.

Sport, coaching, physiotherapy and abstract sports surfaces: a curated selection of photography for the Plenea brand. Sources link to the originals; the Pexels licence applies. The people shown are not Plenea customer testimonials.

One source for the brand.

The brand kit contains logos, colours, corporate templates and usage guidance. App components and their interactive catalogue remain internal.

Brand System · JSON Brand Guide · Markdown See Plenea live