PharmaLabs Brand

The PharmaLabs 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

Body Text

Brand Colours

Main Brand Colours

Green#26FF00

Black#000

White#FFFFFF

Text Grey#9ca3af

Dark Mode Background#083300

Background Grey 1#1f2937

Background Grey 2#374151

Background Grey 3#f3f4f6

Border Grey#b4bbc3

Border Green#26FF00

Greens

text-pl-50#E9FFE5

text-pl-100#D4FFCC

text-pl-200#A8FF99

text-pl-300#7DFF66

text-pl-400#52FF33

text-pl-500#26FF00

text-pl-600#1FCC00

text-pl-700#179900

text-pl-800#0F6600

text-pl-900#083300

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 0.1px 0.3px #0000000e, 0 1.6px 1.1px #02020200, 0 4px 5px #00000021Standard

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

1remStandard

2pxSmall

6pxMedium

8pxLarge

12pxExtra Large

16pxExtra Extra Large

24px3x Large

9999pxFull