Layouts
Specifications for the layout grid to align content properly on the page.
Iconography
Iconography and its application in design.
Borders (WIP)
Specifications on stroke style, thickness, border radius...
Elevations (WIP)
Specifications on the layered surfaces that form the basis of the user interface.
Aspect Ratio (WIP)
Image ratio and its use guide within the design.
Focus (WIP)
Generic focus state specifications.
Spacings
Spacing system to create a vertical rhythm in the interface.
Typography
Font family, sizes, line height, spacing, etc.
Colors
Color palette we use across the entire Leemons's ecosystem.
FOUNDATIONS
This is the space where you can access all the styles that make up Bubbles. They are the visual language that underpins the Leemons Design System. These styles are shared across all Leemons tools and digital products to ensure brand coherence and consistency.
Colors
Color palette we use across the entire Leemons's ecosystem.
Typography
Font family, sizes, line height, spacing, etc.
Spacings
Spacing system to create a vertical rhythm in the interface.
Layouts
Specifications for the layout grid to align content properly on the page.
Iconography
Iconography and its application in design.
Borders (WIP)
Specifications on stroke style, thickness, border radius...
Elevations (WIP)
Specifications on the layered surfaces that form the basis of the user interface.
Aspect Ratio (WIP)
Image ratio and its use guide within the design.
Focus (WIP)
Generic focus state specifications.
FOUNDATIONS
This is the space where you can access all the styles that make up Bubbles. They are the visual language that underpins the Leemons Design System. These styles are shared across all Leemons tools and digital products to ensure brand coherence and consistency.
FOUNDATIONS
This is the space where you can access all the styles that make up Bubbles. They are the visual language that underpins the Leemons Design System. These styles are shared across all Leemons tools and digital products to ensure brand coherence and consistency.
Colors
Color palette we use across the entire Leemons's ecosystem.
Typography
Font family, sizes, line height, spacing, etc.
Spacings
Spacing system to create a vertical rhythm in the interface.
Layouts
Specifications for the layout grid to align content properly on the page.
Iconography
Iconography and its application in design.
Borders (WIP)
Specifications on stroke style, thickness, border radius...
Elevations (WIP)
Specifications on the layered surfaces that form the basis of the user interface.
Aspect Ratio (WIP)
Image ratio and its use guide within the design.
Focus (WIP)
Generic focus state specifications.
FOUNDATIONS
This is the space where you can access all the styles that make up Bubbles. They are the visual language that underpins the Leemons Design System. These styles are shared across all Leemons tools and digital products to ensure brand coherence and consistency.
Colors
Color palette we use across the entire Leemons's ecosystem.
Typography
Font family, sizes, line height, spacing, etc.
Spacings
Spacing system to create a vertical rhythm in the interface.
Layouts
Specifications for the layout grid to align content properly on the page.
Iconography
Iconography and its application in design.
Borders (WIP)
Specifications on stroke style, thickness, border radius...
Elevations (WIP)
Specifications on the layered surfaces that form the basis of the user interface.
Aspect Ratio (WIP)
Image ratio and its use guide within the design.
Focus (WIP)
Generic focus state specifications.
FOUNDATIONS
This is the space where you can access all the styles that make up Bubbles. They are the visual language that underpins the Leemons Design System. These styles are shared across all Leemons tools and digital products to ensure brand coherence and consistency.
Colors
Color palette we use across the entire Leemons's ecosystem.
Typography
Font family, sizes, line height, spacing, etc.
Spacings
Spacing system to create a vertical rhythm in the interface.
Layouts
Specifications for the layout grid to align content properly on the page.
Iconography
Iconography and its application in design.
Borders (WIP)
Specifications on stroke style, thickness, border radius...
Elevations (WIP)
Specifications on the layered surfaces that form the basis of the user interface.
Aspect Ratio (WIP)
Image ratio and its use guide within the design.
Focus (WIP)
Generic focus state specifications.