---
version: alpha
name: "Oscar Health"
description: "Human-scale health insurance with violet fields and expressive serif headings."
colors:
  bg: "#fcfaf6"
  text: "#141414"
  brand: "#4f50ff"
  on-brand: "#ffffff"
  surface: "#ffffff"
  utility: "#1c1b1b"
typography:
  display:
    fontFamily: "Heldane Display"
    fontSize: "72px"
    lineHeight: 1.6
    letterSpacing: "-0.025em"
  body:
    fontFamily: "Lettera"
    fontSize: "16px"
    lineHeight: 1.6
  mono:
    fontFamily: "JetBrains Mono"
rounded:
  button: "8px"
  card: "14px"
  pill: "9999px"
spacing:
  xs: "4px"
  sm: "8px"
  md: "16px"
  lg: "32px"
  xl: "64px"
---

## Overview

## Overview

Oscar combines an intense violet hero with warm off-white service content. A white serif headline creates an approachable editorial tone, while the black utility strip and white navigation keep account access explicit. Desktop photography is arranged as a rounded collage.

## Colors

The observed brand text color is #4f50ff; use it for the violet identity and action role. Supporting surfaces are #fcfaf6 and white, with #141414 body ink and #1c1b1b utilities. The image-backed hero may vary slightly from the text token; do not claim the artwork is a flat CSS swatch.

## Typography

Heldane Display is the observed serif headline family, measuring 72px on desktop and 48px at 390px. Lettera supplies the reading and utility voice. Do not use the document body default of Arial at 10px as the product reading scale.

## Layout

Desktop pairs the message and two actions with a photo collage; mobile removes that collage from the first screen and stacks full-width actions. The warm service section begins immediately after the violet band and uses centered serif hierarchy.

The mobile source uses a compact utility bar, logo/menu row, 48px serif heading, and vertically stacked pills. Preserve generous inner padding while allowing the longest account label to wrap without clipping.

## Elevation & Depth

Color-block transitions and clipped photography do most of the depth work. Avoid heavy shadows on the warm service sections. An account menu may need elevation, but no menu shadow specification was measured.

## Shapes

Actions use full-pill corners; photography has larger rounded clipping. Keep paragraphs and section bands unframed. Reusing pill radii for every content container would erase the difference between an action and an image.

## Components

The hero distinguishes a filled white member-account pill from an outlined plan-finding pill. Preserve both audiences and their different destinations. Doctor search and login belong in the persistent navigation rather than only in campaign content.

Keep membership navigation immediate and show clear progress when opening a plan finder. These are integration recommendations: no authenticated account or insurance enrollment was tested. Avoid animated resizing of the two primary actions.

White text on violet needs contrast validation at the final rendered size. Give each action an explicit destination and keyboard focus. Health-plan eligibility and coverage cannot be communicated only through color or friendly illustrations.

Write in direct, reassuring language without promising outcomes. Keep benefit conditions adjacent to benefit descriptions and distinguish member support from shopping. Do not copy campaign prices or care-access timings into generic templates.

The verified theme is warm light content with a violet feature band. No dark-mode behavior was audited. If offering an alternate theme, preserve the distinction between service content and the feature band rather than flattening everything to violet.

This is an editorial extraction of the public Oscar homepage, not the member app. Its specificity comes from Heldane serif display, Lettera utility text, saturated violet, and warm service sections.

## Do's and Don'ts

Keep the member and shopper paths distinct, use rounded imagery intentionally, and qualify benefit copy. Avoid tiny default-body typography, unqualified health promises, or replacing every warm section with a purple card.

Build an insurance homepage with violet editorial hero, warm service bands, serif headings, and separate member and plan actions. Verify a mobile layout without the collage and check benefit qualifications alongside their claims.