Allara Digital Design System
Brand
Logo Collection
This is our brand color palette. These colors should be used consistently throughout our design system to maintain a cohesive and recognizable visual identity.
Allara Wordmark Logo
.svg)
.svg)
Allara Monogram
.svg)
Allara Coin Logo
Foundations
Brand Colors
This is our brand color palette. These colors should be used consistently throughout our design system to maintain a cohesive and recognizable visual identity.
Brand - PRIMARY
Bone
#F8F7F0
Blue
#4678E6
Navy
#2C3068
Brand - SECONDARY
Midnight
#161E35
Sky
#C5DBFF
Cool Air
#EFF6FF
Lime
#E1EC80
Brand - TERTIARY
Lavender
#E4E3FF
Sand
#EEDEC9
Sand ALT
#4eee3
Brand - UTILITY
Disabled Grey
#C2C0BD
Error Red
#E90000
Text
Text / Primary
#2C3068
Text / Secondary
#161E35
Text White
#ffffff
Text Grey
#787878
Aa
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwyxz
123456789?./%£$€
abcdefghijklmnopqrstuvwyxz
123456789?./%£$€
Aa
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwyxz
123456789?./%£$€
abcdefghijklmnopqrstuvwyxz
123456789?./%£$€
Title Style 1
Font: Nantes
Weight: Regular / 400 Size: 64px
Line-Height: 105% Letter-Spacing: -2%
Weight: Regular / 400 Size: 64px
Line-Height: 105% Letter-Spacing: -2%
Title Style 2
Font: Nantes
Weight: Regular / 400 Size: 56px
Line-Height: 110% Letter-Spacing: -2%
Weight: Regular / 400 Size: 56px
Line-Height: 110% Letter-Spacing: -2%
Title Style 3
Font: Nantes
Weight: Regular / 400 Size: 40px
Line-Height: 110% Letter-Spacing: -2%
Weight: Regular / 400 Size: 40px
Line-Height: 110% Letter-Spacing: -2%
Title Style 4
Font: Nantes
Weight: Regular / 400 Size: 32px
Line-Height: 110% Letter-Spacing: 0%
Weight: Regular / 400 Size: 32px
Line-Height: 110% Letter-Spacing: 0%
Title Style 5
Font: Inter
Weight: Regular / 400 Size: 36px
Line-Height: 130% Letter-Spacing: 0%
Weight: Regular / 400 Size: 36px
Line-Height: 130% Letter-Spacing: 0%
Label Style 1
Font: Inter
Weight: Medium / 500 Size: 24px
Line-Height: 140% Letter-Spacing: 0%
Weight: Medium / 500 Size: 24px
Line-Height: 140% Letter-Spacing: 0%
Label Style 2
Font: Inter
Weight: Medium / 500 Size: 18px
Line-Height: 140% Letter-Spacing: 0%
Weight: Medium / 500 Size: 18px
Line-Height: 140% Letter-Spacing: 0%
Label Style 3
Font: Inter
Weight: Medium / 400 Size: 16px
Line-Height: 140% Letter-Spacing: 0%
Weight: Medium / 400 Size: 16px
Line-Height: 140% Letter-Spacing: 0%
Label Style 4
Font: Inter
Weight: Semi Bold / 600 Size: 14px
Line-Height: 140% Letter-Spacing: 0%
Weight: Semi Bold / 600 Size: 14px
Line-Height: 140% Letter-Spacing: 0%
title style 1
Font: Inter
Weight: Semi Bold / 600 Size: 14px
Line-Height: 105% Letter-Spacing: 15%
Text Transform: All Caps
Weight: Semi Bold / 600 Size: 14px
Line-Height: 105% Letter-Spacing: 15%
Text Transform: All Caps
Body Copy Style 1
Font: Inter
Weight: Regular / 400 Size: 24px
Line-Height: 140% Letter-Spacing: 0%
Weight: Regular / 400 Size: 24px
Line-Height: 140% Letter-Spacing: 0%
Body Copy Style 2
Font: Inter
Weight: Regular / 400 Size: 18px
Line-Height: 140% Letter-Spacing: 0%
Weight: Regular / 400 Size: 18px
Line-Height: 140% Letter-Spacing: 0%
Body Copy Style 3
Font: Inter
Weight: Regular / 400 Size: 16px
Line-Height: 140% Letter-Spacing: 0%
Weight: Regular / 400 Size: 16px
Line-Height: 140% Letter-Spacing: 0%
Body Copy Style 4
Font: Inter
Weight: Regular / 400 Size: 14px
Line-Height: 140% Letter-Spacing: 0%
Weight: Regular / 400 Size: 14px
Line-Height: 140% Letter-Spacing: 0%
Body Copy Style 5
Font: Inter
Weight: Regular / 400 Size: 13px
Line-Height: 140% Letter-Spacing: 0%
Weight: Regular / 400 Size: 13px
Line-Height: 140% Letter-Spacing: 0%