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.