Substack

Colors

• #FFFFFFBackground White · screen background · keypad button background
• #242424Primary Dark · headline text · keypad numbers
• #3CA3F9Active Highlight Blue · focused pin cell border
• #FE5C00Brand Orange · open email button fill · inline text link
• #E5E7EBKeypad Gray · numeric keypad sheet background

Type

• TitleNewsreader · 72px · 700 · #242424
• Keypad NumberSF Pro Display · 54px · 400 · #000000
• Keypad Subtitle LettersSF Pro Text · 20px · 600 · #000000

Elements

• Focused PIN Cell · input_field

  First cell of the 6-cell horizontal row · 2.5px bright sky blue outline with subtle gray dot inside

• Numeric Keypad Sheet · keyboard

  Docked at screen bottom, 4 rows x 3 columns layout, total height ~840px · iOS standard dial-pad with white rounded keys on light gray sheet

• Action Button Stack · group

  Positioned immediately above numeric keypad, 2 stacked full-width rounded buttons · Orange filled button over white outlined button

Layout

Verification screen with active numeric keyboard overlaid at bottom, compacting action buttons above the keypad sheet.

Notes

First pin field is active, receiving input focus via custom border color.