Cta bleed

Documentation

All components Marketing Brickwork 4.3.1

Try it

Inverse close

Open full-page preview

A primary conversion action with a secondary route.

Make the interface feel inevitable.

Start from the substrate.

Read the guide Browse components

Use once near the end of a page when a strong closing band is wanted.

Use it

Working invocation

This code creates the configuration shown above. Copy the template and the required Python context together.

{% include "brickwork_marketing/components/_cta_bleed.html" %}

context = {'heading': 'Make the interface feel inevitable.', 'body': 'Start from the substrate.', 'primary_cta_label': 'Read the guide', 'primary_cta_href': '/docs/', 'secondary_cta_label': 'Browse components', 'secondary_cta_href': '/components/'}

Guide

Add it to your project

Use the public include path "brickwork_marketing/components/_cta_bleed.html" from the installed django-brickwork package.
Include with a heading and optional body.
Use CTA object or flat primary and secondary values; object wins.
The component always uses the shared full-bleed section shell.

View this component's source for the installed release

Options

Public API

Option	Type	Default	Required	Description
heading	string	Not set	Yes	Reason to render the band. Constraint: No additional template constraint beyond the documented type.
body	string	Not set	No	Supporting plain-text paragraph. Constraint: No additional template constraint beyond the documented type.
primary_cta	object {label, url}	Not set	No	Takes precedence over flat fields. Constraint: Use either this object or its flat pair. If both are supplied, this object wins.
primary_cta_label	string	Not set	No	Visible label for the template-authorable primary CTA. Constraint: Supply `primary_cta_href` too; ignored when `primary_cta` is present.
primary_cta_href	string	Not set	No	Destination for the flat primary CTA; pair it with `primary_cta_label`. Constraint: Supply `primary_cta_label` too; ignored when `primary_cta` is present.
secondary_cta	object {label, url}	Not set	No	Secondary CTA object with exactly `label` and `url`; it overrides the flat secondary fields. Constraint: Use either this object or its flat pair. If both are supplied, this object wins.
secondary_cta_label	string	Not set	No	Visible label for the template-authorable secondary CTA. Constraint: Supply `secondary_cta_href` too; ignored when `secondary_cta` is present.
secondary_cta_href	string	Not set	No	Destination for the flat secondary CTA; pair it with `secondary_cta_label`. Constraint: Supply `secondary_cta_label` too; ignored when `secondary_cta` is present.

Behaviour

Accessibility and responsive behaviour

Accessibility: h2 and underlined secondary link make the actions understandable without colour alone.
Responsive: Full bleed at every viewport; actions wrap.
Without JavaScript: Static HTML; no JavaScript required.

Need help?

Troubleshooting

The secondary action looks like the standard bordered button.

This inverse band intentionally renders the secondary CTA as an underlined link; use `cta` or `cta_split` for the normal secondary button treatment.

Explore next