Themes, brands and sizes
The 17 design-round themes, the three brands, light and dark modes and four sizes: what a theme sets, how to apply one and what always wins.
What a theme is#
A theme is a named token set from a design round: a palette (paper, ink, accent, a second accent, night, line), a type pair with self-hosted fonts, a shape (radius, density, shadow), how it moves (speed, easing), mascots, a caption look and the scene change it prefers.
The 17#
| Group | Themes |
|---|---|
| Round 5 | r5 (Butter), r5-apricot, r5-sage, r5-sky, r5-indigo |
| Round 6 | r6-marker |
| Round 7 | r7-signal, r7-petrol, r7-cobalt, r7-amber |
| Round 8 | r8-depth |
| Nabcloud | nabcloud-r1, nabcloud-r2, nabcloud-r3 |
| Wundaly | wundaly-r1, wundaly-r2, wundaly-r3 |
Applying one#
Set a theme on a video, on one scene (a scene may carry its own look), or on a whole collection. In a spec it is look: "<id>". A theme names its own brand and mode; an explicit brand or mode wins, and a video with no theme draws as it always did.
Brands and modes#
Three brands (Geenius, Nabcloud, Wundaly) in dark or light mode. Mascots are the brand's own marks.
Sizes#
1080p, 720p, square and vertical. Layouts adapt; text is sized by tokens.
Quality#
Every theme, starter and size passes the quality bar, and every token pair reads (contrast is tested).