Quizlet: More than Flashcards

Colors

• #0b0c1escreen-bg · canvas background
• #21283efield-bg · input box surface · picker container surface
• #4f5971picker-inactive-text · unfocused date wheel rows
• #2b3450picker-selection-bar · highlight bar on wheel picker active slot

Type

• picker-labelHurme Geometric Sans · 42px · 500 · #4f5971

Elements

• date-picker-container · picker

  spans 68px margins, height ~540px, placed immediately below birth date field · elevated card matching input background with 3-column scroll wheel for day, month, and year

• selection-indicator · selector_bar

  horizontal full-width bar across the date picker card centered over the active slot · translucent rounded pill bar with dash placeholders

Layout

Vertical form layout identical to Screen 2 with an expanded 3-column date spinner component inserted below the birth date trigger field.

Notes

The picker columns show Day, Month, Year fading at the edges with an empty/dash state in the selection band.