Anabolix Brand

The Anabolix Brand Guide meticulously details our designated colors, fonts, and standardized styles, serving as the cornerstone for maintaining uniformity across all our web platforms and ensuring a cohesive brand identity.

Typography

Heading One

Heading Two

Heading Three

Heading Four

Heading Five

Heading Six

Body Text

Brand Colours

Main Brand Colours

Yellow#fcee1d

Black#000

White#FFFFFF

General Grey#ffffffb3

Text Grey#9ca3af

Background Grey#201e1e

Border Grey#374151

Border Yellow#ddcf0380

Border Forms#fcee1d1a

Yellow

text-pl-50#FDF586

text-pl-100#FDF472

text-pl-200#FDF25E

text-pl-300#FCF04A

text-pl-400#FCEF36

text-pl-500#fcee1d

text-pl-600#DDCF03

text-pl-700#C9BC03

text-pl-800#B5A903

text-pl-900#A19602

Greys

text-grey-50#f9fafb

text-grey-100#f3f4f6

text-grey-200#e5e7eb

text-grey-300#d1d5db

text-grey-400#9ca3af

text-grey-500#6b7280

text-grey-600#4b5563

text-grey-700#374151

text-grey-800#1f2937

text-grey-900#111827

Box Shadows

0 1px 2px 0 rgb(0 0 0 / 0.05)Standard

0 1px 2px 0 rgb(0 0 0 / 0.05)Small (sm)

0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)Medium (md)

0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)Large (lg)

0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)Extra Large (xl)

0 25px 50px -12px rgb(0 0 0 / 0.25)Extra Extra Large (2xl)

Border Radius

2pxStandard

2pxSmall

6pxMedium

8pxLarge

12pxExtra Large

16pxExtra Extra Large

24px3x Large

9999pxFull