MEDVera Brand Guidelines
Our visual identity represents trust, professionalism, and clinical excellence. These guidelines ensure consistent brand expression across all touchpoints.
Logo
The MEDVera logo is the cornerstone of our brand identity. Always maintain clear space around the logo and never distort, rotate, or alter its colors.
Light Background
Dark Background
Logo Usage Guidelines
- • Minimum clear space: Equal to the height of "MED" on all sides
- • Minimum size: 120px wide for digital, 1 inch for print
- • Never stretch, compress, or rotate the logo
- • Never change the logo colors or add effects
Color Palette
Our color system is designed to convey trust, wellness, and clinical professionalism. Use primary colors for core brand elements and category colors to distinguish service lines.
Primary Green
#3d6b5a
Main brand color for CTAs, headers, and key elements
Usage: Buttons, links, emphasis
Primary Green (Dark)
#2d5446
Hover state for primary green
Usage: Button hovers, active states
Accent Emerald
#a8d4c2
Soft accent for backgrounds and highlights
Usage: Background tints, borders, subtle accents
Emerald 300
#6ee7b7
Bright accent for success states
Usage: Success indicators, verified badges
Women's Health
#8a3a6a
Category color for women's health services
Usage: Women's health buttons, links
Sexual Health
#7c5c8a
Category color for sexual health services
Usage: Sexual health sections, highlights
Men's Health
#1a3a5c
Category color for men's health services
Usage: Men's health buttons, sections
Hair & Skin
#7a5c2e
Category color for hair & skin services
Usage: Hair & skin category elements
Longevity
#5a6b2e
Category color for longevity/nutrition services
Usage: Longevity section highlights
Slate 900
#0f172a
Primary text color and dark backgrounds
Usage: Headers, body text, footer backgrounds
Slate 600
#475569
Secondary text color
Usage: Supporting text, captions
Slate 400
#94a3b8
Muted text and borders
Usage: Placeholders, disabled states
Typography
We use system fonts for optimal performance and readability across all devices. Maintain consistent hierarchy and spacing for clear communication.
Hero Heading
3.5remA healthy lifestyle, delivered discreetly.
Font: system-ui, -apple-system, sans-serif
Weight: 700
Line Height: 1.1
Section Heading (H2)
2.25remFDA-Approved GLP-1 Medications
Font: system-ui, -apple-system, sans-serif
Weight: 700
Line Height: 2.5rem
Card Title (H3)
1.25remTirzepatide Treatment Program
Font: system-ui, -apple-system, sans-serif
Weight: 700
Line Height: 1.75rem
Body Text
1remAccess prescription treatments from licensed providers — all from the comfort of home.
Font: system-ui, -apple-system, sans-serif
Weight: 400
Line Height: 1.75rem
Small Text
0.875remPrescription required. Provider evaluation needed.
Font: system-ui, -apple-system, sans-serif
Weight: 400
Line Height: 1.5rem
Design Principles
Our design approach prioritizes clarity, accessibility, and trust.
Trustworthy
Medical credibility through clean design, professional typography, and evidence-based content.
Clear & Accessible
Easy-to-read typography, high contrast ratios, and intuitive navigation for all users.
Patient-Centered
Warm, approachable design that puts patient comfort and dignity first.
UI Components
Consistent component styling ensures a cohesive user experience.
Buttons
Cards
Card Title
Cards contain content and actions about a single subject.
Featured Card
Use primary color for emphasis and featured content.
Subtle Card
Light background for secondary information.
Need Brand Assets?
For high-resolution logo files, additional assets, or brand partnership inquiries, please contact our marketing team.
Contact Marketing Team