Internal
Style guide
Tokens live in src/styles/tokens.css. Nothing on the site should use a value that is not listed here.
Colour
- Cream
#FFF4E5--color-cream - Cream light
#FFFEF7--color-cream-light - Ink
#090604--color-ink - Charcoal
#252324--color-charcoal - Amber
#E08503--color-amber - Muted
#5C5148--color-muted
Type
Eyebrow · Annual membership
Light your path to health
A more proactive approach to health
Heading three, Nunito Sans semibold
Lede. Every scan at Lanthorn is carried out and read by a consultant radiologist.
Body. You leave knowing what was found, what it means and what happens next. A text link sits in the line like this.
Muted. Secondary information such as preparation notes and captions.
- --text-4xl
- --text-3xl
- --text-2xl
- --text-xl
- --text-lg
- --text-base
- --text-sm
- --text-xs
Buttons and links
Space
--space-1--space-2--space-3--space-4--space-5--space-6--space-7--space-8--space-9
Dark section
Every scan is carried out and read by a consultant radiologist.
Sections alternate between cream and near-black. Adding theme-dark switches every role token.
Enquire / BookExplore membership