Headers, Banners and Buttons

Headers

Headings above elements or items on the page. The title can be with a dash on the side or without. The font size is fixed, the Tagline type is larger.

Display Header (Tagline)

Display Header (Dash)


 

Banner

A wide banner strip which is designed to direct the visitor to other content.

Banner Block with Primary brand color

Placeholder link to another content.

Banner Block with Second brand color

Placeholder link to another content.

Banner Block Lines background

Placeholder link to another content.

Banner Block White background color

Placeholder link to another content.

 

Buttons

Call to Actions Buttons allow users to take actions, and make choices, with a single act.
The buttons are colored according to the brand colors, they can be large or small (in height).
The Following buttons can be used standalone or as part of components.
In addition, icons can be added to the solid and outline buttons, before / after the text.

Button Solid Large - Arrow (default) Button Solid Large - Cross Button Solid Large - Plus Button Solid Large - Play Button Outline Small - Arrow (default) Button Outline Small - Cross Button Outline Small - Plus Button Outline Small - Play Button Underline

Sticky Notice Block

Text that Sticky on the page, in the same place, even if we scroll the page up or down. By default you can view a small panel with 2 columns of text, but you can expand the panel.
When scrolling to the bottom of the page, the panel disappears, and the full text is viewed lengthwise (rather than 2 columns) at the bottom of the page (above the footer).

More information

It is possible to add Unlimited blocks, but only the first two columns will be displayed on the sticky notice component. The information of the rest of the blocks will visible in the expanded the component.

When return to the top of the page, the small panel is displayed again.

  Click here for more information in WhatsApp message