
Fundation
To build the system we followed a popular and robust methodology called Atomic Design. It is a methodology created by Brad Frost that seeks to guide the construction of interface design systems in a more deliberate way and with an explicit order and hierarchy.
The atomic design methodology is applied in the design process as a guide for building everything from small elements to templates and pages. It begins by tracing the foundational elements, or atoms, that will be necessary for the design of the components.
System Anatomy

The Brand System is the core identity of a brand. It encompasses a small set of specific colors, typefaces, logos, and defines the visual aesthetic and the voice and tone of the product.
UI Visual Language is the system by which the product use elements of design to communicate meaning with users via the interface. This system is the foundational mechanism by which a brand translates to user interfaces.
The Component System is where the visual language is applied to components. Design and development overlap, as this is a collaborative process. The design token system and API system are shared areas between design and development.
Main Component
Style Guide
----
Grid Specs
Color Styles
Gradient Guidelines
Type Styles
Icon System
----
Blim TV Logo
Channel Logos
Sport Logos
Icon System
Button & CTA
----
Primary Buttons
Primary Icons
Secondary Buttons
Text Buttons
Pills
Navigation
Navigation
----
Sidebar
Top Bars
Bottom Bar
Footer
Pill Carousel
Scroll Bar
Labels
----
Signifiers
Labels
Premium
Card Elements
----
Vertical Covers
Horizontal Covers
Square Covers
List Item
EPG Elements
Forms & Fields
----
Onboarding
Profile
Search
Modals & Overlays
----
Modal
Upgrade
Notifications
Alerts
Errors
File Structure for Components
Changes in business models, product growth, the emergence of new technologies are some of the reasons why a product design is constantly evolving and growing. Therefore, it is necessary for the system to be flexible to undergo changes at any time. The systems are intended to have the final version of the component, but they must support modifications and levels for distribution. We design the systems to be versatile under any circumstances.
