Style Guide
As Xitadel continues to grow, one challenge we are faced with is learning how to refine the Xitadel brand identity and apply it cohesively to each of our products. We created this style guide to act as a central location where we house a live inventory of UI components, brand guidelines, brand assets, code snippets, developer guidelines and more.
Color Scheme
Brand Colors
Primary brand colors are used for elements that must reflect Xitadel’s brand. Each color has a darker shade.
Hex #92181C
RGB(146,24,28)
Hex #7E1114
RGB(126,17,20)
Hex #384048
RGB(56,64,72)
Hex #272D34
RGB(39,45,52)
Hex #979FA7
RGB(151,159,167)
Hex #838B93
RGB(131,139,147)
Hex #FAFBFC
RGB(250,251,252)
Hex #E6E7E8
RGB(230,231,232)