BUTTONS

STYLE 1:

Designs notes:

  • Usage: For end of a section, read/load more

  • Details: ALL CAP letters, solid red background, font size: 16px

  • Example: Homepage "VIEW ALL PRODUCT" after PRODUCT section, "VIEW ALL INSIGHTS" after LATEST INSIGHTS

Wave

LATEST INSIGHTS

STYLE 2:

 

Designs notes:

  • Usage: For Read More on dark image background

  • Details: Title Case - capitalize every word, add triangle arrow at the end

    • Regular: white border 1px, transparent background, font size: 14px,

    • Hover: Solid red background

  • Example: Solutions section "Read More"

Pouring Concrete from Above
adobestock_165527007.jpg

SURVEILLANCE

I’m a paragraph. Double click me or click Edit Text, it's easy.

BUILDINGS

I’m a paragraph. Double click me or click Edit Text, it's easy.

adobestock_101709371_edited_edited_edite

R&D

I’m a paragraph. Double click me or click Edit Text, it's easy.

adobestock_207728793.jpg

INDUSTRIAL

I’m a paragraph. Double click me or click Edit Text, it's easy.

Read More ▸

STYLE 3:

Designs notes:

  • Usage: For a minimal look that doesn't adding too much visual disruption

  • Details: ALL CAP letters, no background, no border, font size: 16px

    • Regular: no background, no border, font-color: white

    • Hover: no background, font-color: red

  • Example: Homepage hero carousel 

Pouring Concrete from Above
adobestock_101709371_edited_edited.jpg

Buildings

CUTTING EDGE TECHNOLOGY

Go further than you thought with CapacityX supplements.