Use this as a styleguide to manage a website’s look and feel, from 'agile' prototype to production.
Use with Elements to evolve your website in collaboration with designers and developers.
Choose a range of grays as foundation colors. Translucence can be added to work with overlays.
Text is optimized for legibility and should be limited to between 45 to 75 characters in width.
Text inherits either font, and/or a color, from the branding guide, and can be customized within this styleguide.
Arial
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890!@#$%^&*( )
Arial
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890!@#$%^&*( )
Courier New
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890!@#$%^&*( )
Note: simply apply the .evo-text classes to unordered lists.
Note: evo-list-bullets feature custom SVG bullet icons.
Note: lines will stretch across their container by default.
Combine and customize icons, buttons, forms, and text to create unique inputs.
Pair with .evo-text and .evo-subheader classes.
Bring order and organization to any design and quickly adjust parameters to your liking.
Interactive styles for common UI elements, synchronized with overall brand colors and fonts.
Develop a step-by-step plan that maps budget, timeline, and objectives to possible solutions.
Develop a step-by-step plan that maps budget, timeline, and objectives to possible solutions.
Develop a step-by-step plan that maps budget, timeline, and objectives to possible solutions.
Develop a step-by-step plan that maps budget, timeline, and objectives to possible solutions.
Develop a step-by-step plan that maps budget, timeline, and objectives to possible solutions.
Develop a step-by-step plan that maps budget, timeline, and objectives to possible solutions.
Develop a step-by-step plan that maps budget, timeline, and objectives to possible solutions.
Develop a step-by-step plan that maps budget, timeline, and objectives to possible solutions.
Develop a step-by-step plan that maps budget, timeline, and objectives to possible solutions.
Develop a step-by-step plan that maps budget, timeline, and objectives to possible solutions.