Skip to content

Component library

Buttons

All variants, sizes, tones, and states rendered via insul8_button(). Hover shifts each button to a darker/lighter shade of its base colour.

Dark tone

For light backgrounds. Matches insul8_logo( "dark" ) — dark-coloured controls on a light surface.

primary

With icon

Book a free survey

Button tag

secondary

With icon

Book a free survey

Button tag

ghost

With icon

Book a free survey

Button tag

dark

With icon

Book a free survey

Button tag

light

With icon

Book a free survey

Button tag

Light tone

For dark backgrounds. Matches insul8_logo( "light" ) — light-coloured controls on a dark surface.

primary

secondary