Branding¶
This page discusses Docuisine's brand and theme. Changes and suggestions are welcome regarding everything about branding and theming. Should you wish to suggest branding changes, please write it here.
Theme¶
The colors listed here are the significant choices we have made to represent Docuisine. Colors not mentioned are left to defaults and standard colors offered by TailwindCSS and shadcn.
| Domain | Variant | Hex | oklch | TailwindCSS |
|---|---|---|---|---|
| Logo | Primary | #795649 |
||
| Logo | Secondary | #EDEAD5 |
||
| UI - Light | Primary | 27.9% 0.077 45.635 | amber-950 |
|
| UI - Light | Primary-Foreground | 0.985 0 0 | ||
| UI - Light | Secondary | 98.7% 0.022 95.277 | amber-50 |
|
| UI - Light | Secondary-Foreground | 27.9% 0.077 45.635 | amber-950 |
|
| UI - Light | Accent | 96.2% 0.059 95.617 | amber-100 |
|
| UI - Light | Accent-Foreground | 27.9% 0.077 45.635 | amber-950 |
These colors are implemented as code in the frontend repository's index.css.
Icons and Other Assets¶
The logo and the favicon can be edited using its .psd file. The typography has its own .psd file. You can edit for free using Photopea.
The assets on display here can be downloaded as is by right clicking on the selected image and save it.
Colored Icons¶
Colored icons can go with light or dark themes, and is used to identify the project.
The typography logo uses the 'Enigma' font of regular variant.
Flat Icons¶
These icons are flat versions of the colored logos, often used in a minimalist designs, with support for dark and light themes.
The typography logo uses the 'Enigma' font of regular variant.
