Kling AI: AI Image&Video Maker

Colors

• #D8F5DBcard-surface · modal card background
• #F4FDF5card-row-bg · item card background
• #0D2E14text-header · modal header text
• #E05545accent-coral · numeric highlights · fire icon
• #070707button-claim-bg · claim CTA button fill
• #303236close-bg · close button surface

Type

• Promo TitleBaskerville · 38px · 700 · #0D2E14
• Promo SubtitleBaskerville · 30px · 600 · #206733
• Item TextSF Pro Text · 30px · 700 · #17181A
• Claim Button TextSF Pro Text · 34px · 600 · #FFFFFF

Elements

• Monthly Trial Modal · dialog

  centered popup card, width ~860px, height ~950px · mint green light surface (#D8F5DB) with soft rounded corners and dashed separator line

• Benefit Row · card

  stacked rows inside modal, height ~110px · off-white rectangular cards with rounded corners and centered bold text

• Claim Button · button

  bottom of card, full internal width, height 114px · solid black pill button with white text

• Close Modal Button · icon_button

  top right of card, offset · circular dark button with white cross icon

Layout

Centered reward pop-up dialog with light green aesthetic over a dimmed home feed.

Notes

Header typography utilizes an italicized serif font style.