Plans
Brand
Components
burger menu
Brand
Logo
Product logos
Spacing
Typography
Colors
Patterns
Icons
Components
Grid
Navigation
Buttons
UI Elements
Modals
Prices & Plans
Extra assets
Static banners
Grid
Navigation
Buttons
UI Elements
Modals
Prices & Plans
Extra assets
Static banners
View in Figma
Plans
Discover the best practices to effectively showcase pricing information, ensuring clarity
and consistency in COSMOTE TELEKOM products.
Instructions
Right Panel options
Badge:
Show/hide badge and edit label
Offer:
Show/hide offer and edit label
TV Dropdown:
Show/hide tv dropdown and change the properties into “TV New dropdown”
Speed Info Dropdown:
Show/hide Speed Info and change the properties into “Speed Info”
Disclaimer:
Show/hide disclaimer and edit label
TV New Dropdown
Set state on with toggle and see the expanded.
Change the value type into Default, Fixed or Chosen
Logo
Change to text logo or product logo
Pricing + CTA
Change the layout with the variant into Left, Center, DP Price, Epidotisi
Show/hide Price flag and edit the label
Show/hide Discount and edit the price
Benefits
If you choose one benefit (ex. Internet), in the right panel you can instantly change the type and the description
Show more
Close
Draggable width:
Minimun width 300px & Maximum 443px