All Design Guidelines
Colors:
- Red: #E71D2B (Mostly for graphical element to create consistency)
- Black: #141414 (Mostly for background, gradient with some other dark gray can be used.)
- White: #EFEFEF (Mostly for textual element)
Fonts:
Work Sans needs to be used for almost every textual content.
IBM Plex Mono needs to be used to create variety with the Work Sans. (It is secondary typeface) It needs to be used for some details to make the content more related with technology and coding.
General Typeface Usage Guidance:
Although every design element needs different kind of approach there are some aspects that we need to follow in order to create coherency for overall look. These are;
- Clear hierarchy: Usage of big and small elements together (Try to use different looks of Work Sans Bold, Semibold etc.)
- Left alignment
General Design Language
- Minimal (Try not use use any unnecessary graphical or textual element)
- Dark
- Precise alignment among different textual and graphical elements
- Clear, easy to understand and navigate
- Technology and coding related (Wireframe and grid elements)