UI Guidelines
In this page you can find basic CSS styles for the guidelines of the interface. This will be ongoing page and changed quite frequently at the start as more and more guidelines will be determined. We are to be guided by ‣ and specifically the brand guideline. Also https://xd.adobe.com/view/e4b0d054-3601-4b4a-aa3b-7686b779c8ad-b1e3/ here we can find a version of the UI that will give a crude representation of the pages we will be implementing. And here https://xd.adobe.com/view/73cb384f-c0ea-4a64-bf8f-7cf9de294ed6-2698/screen/56baf120-6120-4212-a303-b082c1d7d2f5/specs/ are most of the assets we may require (images, styles, etc.).
Colour palette:
- Primary colour - #331a3d (hemi blue) In xd files this color is 32193c. Both look the same so we better use the first one and no the one in the xd files
- Secondary colour - #00ffda (hemi teal)
- Third colour - #ffffff
- Extra colours -
- purple - #63308a
- orange (warning) - #e09127
- blue - #1c9bd8
- red (error) - #e00a20
- success - #2cd687
- Table font colour: #707070
- Header colour: Primary color
All colors can be used in opacities 100%/60%/30%/10%
Font
Size: 13px
Font family
Primary font is - Inter.
For standard text is Regular
For titles and headers is BoldSecondary font is - Arial
For standard text is Regular
For titles and headers is Bold