Eventival Styleguide
This styleguide was built to maintain unified look across all Eventival products. Designers of printed products can look for color palletes or logos, while developers look for code to use in order to make the product look perfect.
Important rules
- Headings - do not add paddings or margins to headings in cards and tiles. Margin-bottom is added for all that headings globally and margins on other sides are taken from the card__heading or tile__heading classes.
- Spacing in general - do not use the specific values for the spacing (for example, 5px, 5rem), we have classes for that, you can view them in
utilities.css
- Do not use floats - instead use flex or grid (grid classes are visible in
grid.css
) - Avoid creating new classes, if you create a new class, let us know
Content has been ordered into following sections:
- Visual Language
- Everything related to colors, typography, borders, usage of icons.
- Components
- All available componets used for coding Eventival.
- Utilites
- Individual CSS classes for quick drafting and custom development.
- Downloads
- Logos, submit buttons and all material that can be downloaded for external use.
Get in touch
If you need to talk to us, reach us at developers@eventival.com.