1Password: Password Manager

Colors

• #f6f7f9App Background · Screen background
• #ffffffCard Surface · Option card background
• #1d2024Primary Dark Text · Navigation header · Card titles · Pricing labels
• #3c3c43Secondary Text · Plan description body
• #007affAction Blue · Sign Up button background · Back navigation chevron
• #ffebd2Badge Tint Peach · Most popular tag fill
• #733e0aBadge Label Brown · Most popular tag text
• #e5e7ebCard Border · Plan card outline border

Type

• Navigation Bar TitleSF Pro Text · 38px · 600 · #1d2024
• Card Plan TitleSF Pro Display · 46px · 700 · #1d2024
• Price LabelSF Pro Text · 38px · 600 · #1d2024
• Card Body CopySF Pro Text · 32px · 400 · #3c3c43
• Button LabelSF Pro Text · 36px · 500 · #ffffff
• Tag BadgeSF Pro Text · 28px · 700 · #733e0a

Elements

• Navigation Bar · header

  Fixed top bar below status area, back chevron on left, centered title · Transparent/white bar with standard iOS chevron symbol

• Individual Plan Card · card

  Positioned below navigation bar with ~70px side padding, height ~560px · White background, thin 1px border (#e5e7eb), slight drop shadow

• Individual Illustration · illustration

  Left half of Individual card, centered vertically · Vector illustration of stylized blue padlock and blue key with faint circular backdrop

• Family Plan Card · card

  Positioned ~40px below individual card, matching width and padding · White background, thin 1px border (#e5e7eb), slight drop shadow

• Most Popular Pill Badge · badge

  Top-left of Family Plan card, inset ~16px from edges · Light amber/peach pill fill (#ffebd2) with dark brownish text

• Family Illustration · illustration

  Left half of Family card · Vector line illustration of a house lock with three keys in purple tones

• Sign Up Buttons · button

  Bottom-right corner of each card, fixed width (~380px), height ~90px · Vibrant solid blue background (#007aff), rounded corners, centered white text

Layout

Vertical stack containing a standard header, followed by two prominent pricing cards dividing content into a left illustration column and right text/action column.

Notes

Standard Apple system navigation layout. Font faces appear to be SF Pro Display/Text variants.