Wiki source code of Desktop Client Branding Specification
Last modified by ryanp on 2021/09/10 22:40
Show last authors
| author | version | line-number | content |
|---|---|---|---|
| 1 | == Branding resources and styles == | ||
| 2 | |||
| 3 | The desktop client has both styles and image resources that can be branded. Each brand build requires the following images: | ||
| 4 | |||
| 5 | 1. app.icns: the application icon used in the OS | ||
| 6 | 11. Should be created with an icon set containing icons for: (% style="color: rgb(0,0,0);" %)16x16, 32x32, 128x128, 256x256, 512x512 | ||
| 7 | 1. app_logo.png: The brand logo used in the configuration screen, see screenshot 3. | ||
| 8 | 11. Dimensions need to be exactly w:48px h:48px | ||
| 9 | 1. logo_big.png: Used for both the splash screen and the welcome screen, see screenshot 1 and 2 | ||
| 10 | 11. max dimensions: w:320px h:380px | ||
| 11 | 1. app.ico: the application icon used on windows | ||
| 12 | 11. .ico should include all of the following dimensioned images: 256x256, 128x128, 64x64, 48x48, 32x32, 16x16 | ||
| 13 | |||
| 14 | To change the styles for the primary and accent colors a valid Material Design Lite Style sheet name should be configured. | ||
| 15 | |||
| 16 | The color picker on the Material Design Lite website can be used to select a valid style sheet name: | ||
| 17 | |||
| 18 | [[https:~~/~~/getmdl.io/customize/index.html>>url:https://getmdl.io/customize/index.html||shape="rect"]] | ||
| 19 | |||
| 20 | |||
| 21 | |||
| 22 | [[image:attach:branding-screen1-splash.png]] | ||
| 23 | |||
| 24 | //Screenshot 1: splash screen// | ||
| 25 | |||
| 26 | |||
| 27 | |||
| 28 | [[image:attach:branding-screen3-welcome.png]] | ||
| 29 | |||
| 30 | //Screenshot 2: welcome screen// | ||
| 31 | |||
| 32 | [[image:attach:branding-screen2-config.png]] | ||
| 33 | |||
| 34 | //Screenshot 3: configuration screen// |