Bespoke / Biology
GHL Brand Kit — All values are click-to-select
Core Colors
Ink
#111111
Primary text, buttons, borders
Paper
#FAF8F4
Page background, button text
Hairline
#D8D3C8
Borders, dividers, rules
Muted
#7A786F
Subtext, labels, captions
Surface
#FFFFFF
Card & element backgrounds
Accent / Category Colors
Coral
#F25C76
Primary accent / Repair & Recovery
Gold
#F0A53A
Energy & Metabolic
Olive
#7CA84A
Muscle & Composition
Teal
#2B7E84
Longevity & Cellular
Violet
#7E5CAA
Cognitive & Mood
Category Tags — In Use
Repair & Recovery
Energy & Metabolic
Muscle & Composition
Longevity & Cellular
Cognitive & Mood
GHL — Where to enter colors
In GHL Website Builder → Settings → Brand Colors. Set your Primary color to #F25C76 (Coral) and your dark/neutral to #111111. GHL will use these for button backgrounds and link hover states. The remaining accent colors are used only within the custom HTML blocks — you don't need to enter all five in GHL's brand panel.
Typography
Biology, tailored to you.
Order Protocol · View FAQ Sheet
Custom peptide protocols built around your biology — not a one-size-fits-all plan.
Display / Headlines
Cormorant
click to copy
UI / Buttons / Labels
Inter Tight
Google Fonts URL
https://fonts.googleapis.com/css2?family=Cormorant:ital,wght@0,400;0,500;0,600;1,500&family=Inter:wght@400;500;600&family=Inter+Tight:wght@500;600;700&display=swap
GHL — Where to enter fonts
In GHL Website Builder → Settings → Fonts. Set your Heading font to Cormorant and Body font to Inter. GHL may not have Cormorant in its built-in library — if so, use the custom font option and paste the Google Fonts URL above. Inter is usually available natively. Inter Tight is used in the custom HTML blocks only and loads automatically via the link tags inside each block.
Button Styles
Order Protocol
View FAQ Sheet
Talk to a Specialist
Secondary border + text
#111111
Button letter spacing
0.09em
Button text transform
uppercase
Button border radius
0px (none)
Logo & Favicon
Logo URL
https://assets.cdn.filesafe.space/xZTOEN0EFAc7TJgKY8wZ/media/6a32f5f62c211b8ce603000e.png
Favicon URL
https://assets.cdn.filesafe.space/xZTOEN0EFAc7TJgKY8wZ/media/6a3307c50a683b64fec6858c.png
GHL — Where to enter
Logo: in the Navigation element, replace the logo placeholder with the URL above. Favicon: Sites → your site → Settings → Favicon → paste URL or re-upload the PNG file.
Spacing & Layout Reference
Section padding (standard)
80px top / 80px bottom
Section padding (tight)
48px top / 48px bottom
Horizontal page padding
32px (20px on mobile)
Border / divider style
1px solid #D8D3C8
Border radius
0px (none — no rounded corners)