EG Xena Developer
WebsiteSign inDesign System
  • Introduction
  • The possibilities
    • Best practices
    • User experience
  • Development
    • Get started
      • Become a developer
      • Register your app
      • The Xena API
      • Authorization
      • Using OAuth
      • Using Xena Api with OAuth
      • Using WebHooks
      • Using Websync
      • Using Xena API Key
      • Creating plugins
    • Samples
    • API documentation
      • Xena
      • Cars (Giulia)
      • Articles & prices (Gaia)
  • User interface
    • Xena Design System
    • Use our stylesheet
    • Design Guide
      • Alerts and warnings
      • Buttons
      • Colors and fonts
      • Collapsible
      • Dropdowns
      • Forms
      • Icons
      • Layout
      • Modals
      • Navigation
      • Pagination
      • Panels
      • Tables
      • Other components
Powered by GitBook
On this page
  • Font
  • Colors
  • System colors
  • Theme colors
  1. User interface
  2. Design Guide

Colors and fonts

Overview of colors and use of fonts.

PreviousButtonsNextCollapsible

Last updated 5 years ago

Font

Xena use default system fonts as to speed up loading. The UI will feel familiar to the end user. We only use the styles Regular and Bold.

Colors

Please refer to our on how to use colors.

May 2020, our brand and theme colors was updated.

System colors

Use

Color

Primary

#007BFF

Success

#28A745

Info

#17A2B8

Warning

#FFC107

Danger

#DC3545

Borders

#DEE2E6

Font color

#212529

Body background

#F0F2F5

Theme colors

Theme name

Color

Default (brand)

#9CCE6F

Green (1)

#558D69

Bluegreen (2)

#76ADA2

Blueish (3)

#0092A0

Purple (4)

#780E57

Pinkly (5)

#A8687C

Red (6)

#EB6B4A

Orange (7)

#F4AB59

Yellow (8)

#FFF053

Dark (9)

#273743

UX guidelines