MANGA Plus by SHUEISHA

Colors

• #0B0B0DDark Background · main screen background
• #9C27B0Gradient Purple · CTA button background gradient
• #FFEB3BHighlight Yellow · badge background · price highlight
• #00BCD4Standard Plan Border · tier column border

Type

• Main TitleRoboto · 32px · bold · #FFFFFF
• CTA TextRoboto · 18px · bold · #FFFFFF

Elements

• Loading Spinner Overlay · modal loader

  Center of screen · Semi-transparent black box with white loading dots

• Pricing Tiers · card container

  Two columns side by side in the middle section · Dark cards with colored borders and headers

• Proceed to Subscribe Button · button

  Bottom of content area, spans horizontally with margins · Purple gradient pill shape with white text

Layout

Header banner at top, promotional text, two subscription comparison columns, bottom sticky CTA, and bottom navigation bar.

Notes

A loading spinner modal overlay is visible in the middle of the screen.