Kling AI: AI Image&Video Maker

Colors

• #0D0E0Fbackground-dim · scrim backdrop · overall background
• #1C1D20sheet-surface · authorization bottom sheet background
• #5DFF44accent-green · primary affirmative action button fill
• #383A40button-secondary · secondary action button fill
• #FFFFFFtext-primary · dialog header · icon color
• #C9CBCEtext-secondary · sheet body text
• #0E1C0Abutton-text-dark · text on affirmative green button

Type

• Sheet TitleSF Pro Display · 36px · 600 · #FFFFFF
• Sheet BodySF Pro Text · 30px · 400 · #C9CBCE
• Button Primary TextSF Pro Text · 32px · 600 · #0E1C0A
• Button Secondary TextSF Pro Text · 32px · 600 · #FFFFFF

Elements

• Authorization Bottom Sheet · bottom_sheet

  pinned to bottom, full width, height approx 850px · solid dark gray fill (#1C1D20) with top rounded corners and padding ~40px

• Disagree Button · button

  bottom left inside sheet, height 112px, flexible half width · dark neutral fill (#383A40), centered white text

• Agree Button · button

  bottom right inside sheet, height 112px, flexible half width · bright neon green fill (#5DFF44), dark readable text

Layout

Modal bottom sheet overlaid on dimmed background showing upper app header, banner placeholder, and creation mode icons.

Notes

System typography resembles Apple SF Pro. Dimmed backdrop occludes lower sections.