Leonardo.Ai - Image Generator

Colors

• #0D0E12background-dark · screen background · navigation bar background
• #13141Bcard-surface · free plan card surface background · adjacent card background
• #272935button-disabled-or-secondary · start generating button fill
• #FFFFFFtext-primary · free plan title · price text · button text · headline
• #A0A3B1text-secondary · feature descriptions · billing interval · subtitle
• #6352E9accent-purple · yearly billing active pill · peek of adjacent card action

Type

• screen-titleInter · 38px · 600 · #FFFFFF
• hero-headlineInter · 66px · 700 · #FFFFFF
• plan-nameInter · 54px · 600 · #FFFFFF
• plan-priceInter · 82px · 700 · #FFFFFF
• button-labelInter · 38px · 600 · #FFFFFF
• feature-textInter · 34px · 400 · #E2E4EB

Elements

• free-pricing-card · card

  centered horizontal carousel card, width approx 880px, padded internally · dark surface #13141B without colored accent border, subtle rounded contour

• start-generating-button · button

  full width inside free card, height approx 110px · medium grey solid background #272935 with centered white text

• carousel-pagination · indicator

  centered row of 4 indicator dots below card · first dot illuminated white, remaining 3 dots muted dark grey

Layout

Vertical subscription screen showing index 0 of the tier carousel (Free plan) with Indian Rupee (₹0.00) currency format, neutral action button, and initial dot indicator selected.

Notes

Currency symbol shows localized pricing formatting (INR). Card lacks border highlights found on paid tiers.