Logo & Identity
Primary Logo
Our primary logo combines the lighthouse symbol (representing guidance and illumination) with our distinctive typography. The orange 'P' and 'AI' highlight our focus on artificial intelligence.
Logo Variations
Icon Only
Text Only
Use the icon-only version for small spaces or as a favicon. The text-only version works well for headers and navigation.
Color Palette
Primary Orange
HEX: #f18322
RGB: 241, 131, 34
Usage: Accents, CTAs
Secondary Pink
HEX: #ee366d
RGB: 238, 54, 109
Usage: Gradients, highlights
Dark Background
HEX: #0a0a1a
RGB: 10, 10, 26
Usage: Main background
Glass Effect
rgba(14, 14, 35, 0.6)
Blur: 10px
Usage: Cards, overlays
Gradient Examples
Primary Gradient
Used for buttons and CTAs
Text Gradient
Used for hero text and highlights
Typography
Primary Typeface: Inter
A modern, highly legible sans-serif designed for user interfaces and digital experiences.
Heading 1 - 48px/64px, Bold
The Future of Healthcare AI
Heading 2 - 36px/48px, Bold
Innovative Solutions
Heading 3 - 24px/32px, Semibold
Advanced Diagnostics
Body Text - 16px/24px, Regular
Our AI-powered platform revolutionizes healthcare by providing early detection capabilities that save lives and improve patient outcomes through cutting-edge technology.
Small Text - 14px/20px, Medium
Used for captions, form labels, and supplementary information
Design Elements
Neural Network Animation
Our signature brain animation represents AI intelligence and neural connections. Used as background elements to reinforce our technology focus.
Glassmorphism UI
Primary Glass Card
Frosted glass effect with subtle blur
Enhanced Glass Card
Deeper glass effect for modals and forms
Glassmorphism creates depth and modern appeal while maintaining readability and professional appearance.
Usage Guidelines
Do's
- Use the primary orange for key actions and CTAs
- Maintain consistent glassmorphism effects
- Use Inter font family throughout
- Include brain animations for tech emphasis
- Ensure sufficient contrast for accessibility
Don'ts
- Don't alter the logo proportions or colors
- Don't use bright backgrounds with glass effects
- Don't mix multiple typefaces
- Don't overuse animations or make them distracting
- Don't use the brand colors for error states