This style guide page contains styles and components used through the website. You can change any style from this page and it will be updated throughout the site.
Any new element created some be added to the "Components" section. This allows you to effortlessly refer to a style and make changes if required.
XXXXXX
The swatches marked with the yellow dot (pulled from support colour one) indicates the primary and secondary colours used throughout the website.
The different text sizes used throughout the site.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.
Research is the foundation of our organization. We started our company by helping others to bridge the cybersecurity gap in emergent cyber-physical systems. It led us to develop revolutionary technology.
Default fields & grids used to generate forms.
A collection of global UI elements & HTML components. This section is used to reference anything from badges to global HTML elements.
Any new element created some be added to the "Components" section. This allows you to effortlessly refer to a style and make changes if required.
A collection of notices used to indicate errors, success, and warnings
A collection of notices used to indicate errors, success, and warnings
CSS elements used by Owl Carousel for custom card sliders.
All the symbols used throughout the website
Any new symbol created, add it below.
It is recommended to replace the content through the dynamic fields but you may find it easier to unlink the instance to edit.