Kling AI: AI Image&Video Maker

Colors

• #0D0D0Ebg-main · screen background
• #50DA3Cbanner-gradient-accent · banner glowing streak · accent text
• #1C1F24toast-bg · top notification pill surface
• #FFFFFFtext-primary · headers · icon labels
• #8A8E95text-muted · inactive tabs · bottom bar labels

Type

• Toast Notification TextSF Pro Text · 28px · 500 · #E6E9EE
• Banner Program TitleBaskerville · 40px · 700 · #FFFFFF
• Banner Action PillSF Pro Text · 26px · 500 · #FFFFFF

Elements

• Notification Toast · toast

  top below header bar, full-width inset, height 136px · dark gray surface (#1C1F24) with gift box icon and checkmark

• Elite Creators Banner · carousel_card

  mid-top position, ~390px height · smooth dark green wavy light gradient with serif typography and outline button

• Tool Shortcuts · grid

  horizontal row of 3 rounded square actions · dark charcoal background tiles

• Bottom Navigation Bar · tab_bar

  fixed at screen bottom · dark bar with standard 5 items and centered action button

Layout

Standard dashboard layout displaying an active top floating toast message above the featured creators program banner.

Notes

Banner title mixes white serif text with italic neon green accent word.