1- Typography
Typography is the foundation of visual communication, shaping the way users perceive and interact with content. A carefully selected typographic system enhances readability, strengthens brand identity, and ensures consistency across different platforms.
Main Heading - Bold
Main Heading - Medium
Main Heading - Italic
Subheading - Bold
Subheading - Medium
Subheading - Italic
Section Title - Bold
Section Title - Medium
Section Title - Italic
Small Title - Bold
Small Title - Medium
Small Title - Italic
This is a paragraph with a link inside it - Bold
This is a paragraph with a link inside it - Medium
This is a paragraph with a link inside it - Italic
2- Colors
A harmonious set of colors selected to represent the brand and ensure consistent application across all media. It includes primary, secondary, neutral, and accent colors, each with a range of shades. Colors are the visual voice of a brand, crucial for creating an intuitive and accessible user experience.
Primary Colors
Secondary Colors
Neutrals Colors
Accents Colors
3- Buttons
Buttons are key interactive elements that guide user actions within the interface. The system includes Primary, Secondary, and Reverse variations, each designed for specific use cases. Primary buttons highlight main actions, Secondary buttons provide alternatives, and Reverse buttons ensure contrast on darker backgrounds. A consistent button hierarchy enhances usability and improves visual clarity.
Primary Buttons
Use Primary Buttons for main actions.
Use Primary Reverse Buttons when you need contrast on a darker background.
Secondary Buttons
Use Secondary Buttons for less important actions.
Use Secondary Reverse Buttons for alternative styling.
4- Cards
Card Title
This is some content inside a card.
5- Forms
6- Tables
| # | Organization | Country | Contact | Status |
|---|---|---|---|---|
| 1 | HealthNet Global | USA | contact@healthnet.com | Active |
| 2 | Red de Conexión | Mexico | info@redconexion.mx | Inactive |
| 3 | TeleMed Solutions | Canada | support@telemed.ca | Active |
| 4 | AssistCare | Brazil | help@assistcare.br | Pending |