Knowunity - AI learning app

Colors

• #0D0F17Background Dark · Screen background fill
• #EE6A55Streak Flame Coral · Flame icon stroke and interior fill · Large counter number '0' · 'Day Streak' subtitle label
• #FFFFFFText Primary · Description body text
• #F0EDF8Button Surface · 'Let's go!' button background
• #0D0F17Button Label Dark · 'Let's go!' button text

Type

• Streak Counter ValueSF Pro Display · 200px · 900 · #EE6A55
• Streak TitleSF Pro Display · 64px · 800 · #EE6A55
• Streak ExplanationSF Pro Text · 38px · 400 · #FFFFFF
• Bottom Action LabelSF Pro Text · 42px · 700 · #0D0F17

Elements

• Flame Graphic · illustration

  Centered horizontally in upper middle quadrant, size approx 220x280px. · Bold coral outlined flame icon with nested fire layers.

• Streak Display Block · metric_display

  Directly beneath flame icon, stacked giant digit '0' and bold 'Day Streak' label. · High impact coral typography with compact vertical spacing.

• Let's Go Button · primary_action_button

  Fixed to screen bottom, full width with 48px side padding, height 136px. · Pill shaped off-white button with solid fill and bold dark text.

Layout

Habit/streak commitment view with vertical center alignment of flame illustration, streak counter, encouraging rule explanation, and bottom affirmative CTA.

Notes

Emoji '👍' embedded in explanation body text.