Kling AI: AI Image&Video Maker

Colors

• #AAFF00promo-bg-gradient-top · top of card background
• #EAFF9Dpromo-bg-gradient-bottom · bottom of card background
• #FFE885promo-badge-bg · limited time tag fill
• #734300promo-badge-text · limited time tag text
• #0D0D0Ebutton-black · get plan CTA button fill
• #FFFFFFbutton-text-white · get plan CTA text
• #1A2E05text-dark · promo card headlines and body
• #1D2024toast-bg · notification banner surface

Type

• Toast TextSF Pro Text · 28px · 500 · #E1E4EA
• Promo HeadlineSF Pro Display · 44px · 700 · #111807
• Promo SubheadSF Pro Text · 32px · 600 · #233808
• CTA ButtonSF Pro Text · 34px · 600 · #FFFFFF
• Dismiss LinkSF Pro Text · 32px · 600 · #4A6E10

Elements

• Toast Notification · banner

  pinned near top below status bar, height ~140px · dark pill card with gift icon and green confirmation tick

• Layered Promo Dialog · dialog

  center screen, layered stacked cards angle, ~750px width · checkerboard green gradient card with floating 3D coin illustration

• Get Plan Button · button

  inside promo dialog, full width, height 108px · solid black pill button

Layout

Stacked popup card interface with top toast alert on dark dim background.

Notes

The promo card incorporates a slight skew/rotation with layered light-blue and lime backing cards.