Quizlet: More than Flashcards

Colors

• #0a0928Background Deep Navy · Screen background base
• #1d194cBackground Ambient Indigo · Top decorative ambient curve gradient
• #ffcd1fPrimary Accent Yellow · Feature checkmark icons · Primary CTA button background
• #ffffffPrimary Text White · Headings · Feature item titles · CTA button contrast text background
• #d3d2e5Secondary Body Text · Subtitle body text · Footnote text
• #8f8ee6Interactive Periwinkle · Terms and Conditions link · Skip for now action text
• #1a1a2eButton Label Dark · Primary button text color

Type

• brand_titleHurme Geometric Sans · 76px · 800 · #ffffff
• page_titleHurme Geometric Sans · 60px · 700 · #ffffff
• body_textInter · 38px · 400 · #d3d2e5
• feature_list_itemInter · 42px · 600 · #ffffff
• footnote_textInter · 38px · 400 · #d3d2e5
• text_linkInter · 38px · 600 · #8f8ee6
• button_primaryInter · 44px · 600 · #1a1a2e
• button_secondaryInter · 42px · 600 · #8f8ee6

Elements

• Feature List Item · list_item

  Row layout with 64px width checkmark icon followed by text with 40px gap, repeated 5 times vertically with ~44px spacing between items. · Yellow stroked checkmark glyph, white semi-bold text, no row borders or card backgrounds.

• Start Free Trial Button · button

  Full-width pill centered near bottom of screen, margins 72px on left/right, height 150px. · Solid vibrant yellow (#FFCD1F) fill, rounded corners, centered dark slate text.

• Skip For Now Button · button

  Centered text button below primary CTA, 56px top spacing. · Transparent background, lavender/periwinkle text.

Layout

Single-column paywall presentation. Header and value propositions are left-aligned with 72px side padding. Action buttons anchored to the bottom third of the viewport over a continuous dark gradient background.

Notes

Quizlet's custom geometric sans display font closely resembles Hurme Geometric Sans or circular geometric grotesques. Body copy likely uses SF Pro or Inter.