LookDeep Health

Style Guide

Visual reference for fonts, colors, spacing, and components used across the site.


Colors

Primary

#6A6ADA

Primary Dark

#5555C0

CTA Blue

#246BFD

CTA Hover

#1B5AE0

Dark

#0D0D0D

Gray BG

#F9F9FB

Aa

Gray Text

#6B7280

Success

#10B981

Error

#EF4444

White

#FFFFFF

Footer

#0B0B0B


Typography

Heading Font

Plus Jakarta Sans

Weight: 500 · Letter-spacing: -0.04em · Line-height: 1.2

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789

Body Font

Inter

Weight: 400 · Line-height: 1.6

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789

Heading Scale

h1 · text-4xl md:text-5xl lg:text-6xl

Tech from the Valley

h2 · text-3xl md:text-4xl

Secure and Transparent

h3 · text-xl md:text-2xl

Virtual Sitting

h4 · text-lg

SOC 2 Type II

Body Text

text-lg · Gray text (subheadings, intros)

LookDeep Health is built on a modern cloud-native architecture that combines proprietary edge AI with the world's most powerful foundation models.

text-base · Gray text (body paragraphs)

Our pricing model is based on the core assumption that hospitals should never pay for solutions they are not using to help patients. No lock-in required, adjustable volumes, and no capital cost.

text-sm · Gray text (captions, descriptions)

Certified Security Processes · 3rd Party Audit & Report

text-xs · Uppercase tracking (labels, eyebrows)

Virtual Nursing · Technology


Buttons

Primary Button Primary with Arrow bg-cta · text-white · rounded-lg
Secondary Button Secondary with Arrow border-cta · text-cta · rounded-lg
Ghost Link Ghost with Arrow text-cta · hover:underline
White Button bg-white · text-primary · on dark bg

Badges & Pills

Eyebrow Pill Category Tag Status Badge Uppercase Label

Section Backgrounds

White (default)

bg-white

Gray

bg-gray-bg · #F9F9FB

Primary

bg-primary · text-white

Dark

bg-dark · text-white


Cards

Icon Card

Used for technology pillars and feature grids. White bg, rounded-2xl, shadow-md.

Category

Image Card

Used for articles, solutions, and scenario cards.

Promo Card

Used for featured/promotional content. Gradient purple background.

LookDeep

Spacing Reference

Section padding py-16 md:py-24 (standard via Section component)
Content max-width max-w-7xl (1280px) · max-w-4xl for narrow
Horizontal padding px-4 sm:px-6 lg:px-8
Card gaps gap-6 md:gap-8
Heading to content mb-4 to mb-8 depending on context
Section heading to grid mb-10 to mb-12
Border radius rounded-lg (buttons) · rounded-xl (small) · rounded-2xl (cards, images)

Logos

LookDeep color logo
LookDeep white logo