Brand
The SuperCoach brand is confident and athletic: brand Black, white and Electric Green, bold brackets, and photography of people in motion. In the product, the brand shows up through color, type and a few signature details. It never gets in the way of a coach's work.
Logo and logo tile
The mark sits on a chamfered Electric Green tile, or in black on light backgrounds. The tile is the app icon and the social avatar.
Color palette
The main palette is Black, White and Electric Green, with Dark Grey, Grey and Light Grey. The expanded palette adds navy, beige, sand and maroon for illustration, charts and marketing.
How these map to tokens is on the Color page.
Typography
Gilroy for Latin text and Lama Sans for Arabic, in Light and SemiBold for display. See Typography.
The brackets motif
Square brackets frame the brand's calls to action ("[ GET EARLY ACCESS NOW ]") and appear as large lime shapes in campaign imagery.
- Use brackets around one call to action per view, in marketing and onboarding. This site uses them once, on the home page.
- Don't put brackets on product buttons, links or labels. In the app, a primary button already carries the emphasis.
- Brackets are typographic: bold, set in the text color, with a space inside.
Chamfered corners
The logo tile's cut corners are a brand signature. See Shape for where they are allowed.
Imagery
- Real athletes and coaches, mid-movement, in dark training clothes.
- Electric Green as light: glows and motion blur, not flat fills behind people.
- In the product, use photography only where it helps a coach decide (exercise videos, progress photos), never as decoration.