The core visual elements needed to create seamless user experiences. This includes guidance on iconography, typography, layout, and structure.
BEM methodology
Amazium follows the BEM (Block Element Modifier) methodology for naming styles, making it easy to override and customize when needed.
Color
Color defines our brand identity and ensures visual consistency across products. It is used for action buttons, alert messages, and form elements to create a clear and engaging UI.
Iconography
A well-crafted set of icons improves user experience by providing visual cues that enhance clarity and interaction.
Media Queries
Amazium’s responsive grid leverages mobile-first media queries, ensuring scalable and adaptive layouts across all devices. A set of predefined queries simplifies styling for different screen sizes.
Typography
Amazium supports all HTML headings (h1 to h6) and includes companion classes (.h1 to .h6) for cases where you need heading styling without altering semantic structure.
Utilities
A collection of small utility classes provides quick styling solutions, reducing the need for additional custom classes. These include helpers for spacing, alignment, and positioning.