CTA KIT · 6 LAYOUTS × 5 COLORS
Every CTA on the site renders from CTA Kit.dc.html. Set layout and color as props; the rendered element carries data-cta-layout and data-cta-color so Qualified can target any variant without new markup.
THE ONE BRAND RULE THIS KIT KEEPS
Hyper red is the only color used on a page that has other actions. Midnight and Dusk are for dark bands. Yellow and Sky are reserved for Qualified overlays and campaign pages, where the CTA is the only action present.
FULL-WIDTH FIELD, HEADLINE LEFT, ONE ACTION RIGHT. THE DEFAULT PAGE-CLOSING CTA.
BORDERED CARD. PRIMARY PLUS GHOST, SO A SECOND ACTION IS AVAILABLE WITHOUT COMPETING.
THREE PROOF FIGURES ABOVE THE ASK, SO THE CTA ARRIVES AFTER THE EVIDENCE.
420PX CARD FOR A CHAT-TRIGGERED POPOVER. DISMISSIBLE, ONE ACTION, NO COMPETING LINKS.
SLIM BAR PINNED TO THE VIEWPORT BOTTOM. EYEBROW, ONE LINE, ONE ACTION, DISMISS.
EMAIL FIELD PLUS BUTTON INLINE, FOR NEWSLETTER AND GATED-ASSET ASKS.
Any layout takes any color. These are live tokens, not swatch images.
Every rendered CTA exposes these. Nothing else is needed to activate a variant.