Subscription Item Showcase

Default Variant

Netflix Premium

Entertainment

€15.99

Spotify Family

Music

€16.99

Gym Membership

Health & Fitness

€39.95

Disney+

Entertainment

€8.99

Lower Bill Variant

Mobile Phone Plan

Telecom

€45.00

Home Insurance

Insurance

€125.00

Personal Advice Variant

Energy Contract

Utilities

€89.50

Internet Provider

Telecom

€55.00

Awaiting Status Variant

Phone Insurance

Insurance

€12.99

We're looking for the best deal for you

Home Security

Security

€29.99

We're looking for the best deal for you

Add Variant

Amazon Music

Music

HBO Max

Entertainment

Price Increase Variant

YouTube Premium

Entertainment

€13.99

Apple TV+

Entertainment

€7.99

Interactive Demo

Click on the buttons to see interactions:

Mobile Subscription

Telecom

€35.00

Tidal HiFi

Music

All Variants Overview

Default:

Spotify

Music

€9.99

Lower Bill:

KPN Mobile

Telecom

€45.00

Personal Advice:

Essent Energy

Utilities

€120.00

Awaiting Status:

Insurance

€25.00

We're looking for the best deal for you

Add:

Paramount+

Entertainment

Price Increase:

Apple Music

Music

€11.99

Design Specifications

Dimensions

Width: 343px (fixed)
Border radius: 8px (rounded-lg)
Shadow: 0px 2px 3px rgba(0,0,0,0.15)
Icon size: 32x32

Typography

Name: Sofia Pro, 400, 16px
Category: Sofia Pro, 400, 12px
Amount: Sofia Pro, 800, 16px
Banner: Sofia Pro, 700, 12px

Colors

Background: White (#FFFFFF)
Text: Gray 900 (#141414)
Category: Gray 500 (#8A8A8A)
Error: #FE2B5C
Warning bg: #EBFBFF

Variants

✓ Default
✓ Lower Bill (with CTA)
✓ Personal Advice (with CTA)
✓ Awaiting Status (with banner)
✓ Add (with add button)
✓ Price Increase (red amount)