1Password: Password Manager

Colors

• #ffffffSurface White · Screen background · Card fill · Primary button label
• #edf4fdHero Pastel Blue · Header illustration background arc
• #007affPrimary Blue · Selected radio indicator · CTA button background · Legal text links
• #1d2024Dark Charcoal · Title · Feature descriptions · Option price texts
• #fef3d6Trial Pill Cream · Trial banner pill fill
• #6b4f12Trial Pill Brown · Trial banner text
• #1e7e34Savings Green · Save 19% badge fill
• #d1d5dbBorder Grey · Radio selector group border · Inner divider · Unselected radio border

Type

• Screen TitleSF Pro Text · 38px · 600 · #1d2024
• Hero HeadingSF Pro Display · 46px · 800 · #1d2024
• Badge TextSF Pro Text · 32px · 600 · #6b4f12
• Feature Item TextSF Pro Text · 34px · 400 · #1d2024
• Plan Selector LabelSF Pro Text · 38px · 500 · #1d2024
• Discount Tag TextSF Pro Text · 28px · 700 · #ffffff
• Primary CTA LabelSF Pro Text · 38px · 600 · #ffffff
• Legal DisclaimersSF Pro Text · 30px · 400 · #333333

Elements

• Header Watermark Art · illustration

  Top area with subtle security iconography pattern and padlock illustration in center · Pale blue curved backdrop with light monochrome icon doodles and central colored lock/key

• Trial Duration Badge · badge

  Centered below heading, pill shape · Cream-gold rounded pill fill (#fef3d6) with brown text

• Value Prop Feature List · list

  Vertical stack of 4 items, left margin ~115px, vertical item spacing ~28px · Rounded square app-like feature icons (purple speedometer, green multiple screens, blue tower, cyan Face ID) paired with body text

• Subscription Radio Group · segmented_control

  Stacked container with 2 rows (Monthly & Annually), side margin ~80px, height ~230px total · Rounded rectangle card with divider; selected option has prominent outer border and blue radio circle

• Save Percentage Pill · badge

  Right-aligned inside the annual subscription option row · Dark green pill fill (#1e7e34) with bold white text

• Subscribe Now Button · button

  Spans width between side margins, height ~104px, placed below plan selection · Solid bright blue fill (#007aff) with rounded corners and white centered text

Layout

Linear vertical conversion funnel: top brand/security illustration, title and trial badge, 4-item feature checklist, plan selection selector, CTA button, and comprehensive subscription fine print.

Notes

Hero heading 'Subscribe to 1Password' uses an italicized bold treatment. System typography matches Apple Human Interface Guidelines.