NumanHealth Style Guide
Color Palette
Primary (Navy)
#0D3B66
Accent (Warm Amber)
#F4A259
Page Background
#F7F7F7
Alt Section Background
#ECECEC
Body Text
#222222
Typography
Font Family
Inter (sans-serif)
The quick brown fox jumps over the lazy dog.
The quick brown fox jumps over the lazy dog. (Bold)
The quick brown fox jumps over the lazy dog. (Italic)
Heading Styles
Heading 1
4xl/5xl/6xl, Bold, Primary Color
Heading 2
3xl/4xl, Bold, Primary Color
Heading 3
2xl/3xl, Bold, Primary Color
Heading 4
xl/2xl, Bold, Primary Color
Heading 5
lg/xl, Bold, Primary Color
Heading 6
base/lg, Bold, Primary Color
Buttons
Button Variants
Primary Button (Accent Color)
Secondary Button (Outline)
Text Button
Destructive Button
Cards
Card Title
Card description goes here
This is the main content of the card. It can contain any information that needs to be displayed.
Feature Card
This is an example of a feature card used in the benefits section.