Components / Shells
Auth shell
Centred authentication panel with brand, form body, footer and optional background seams.
Full-page preview
The preview is a registered, same-origin template for this shell. It does not run visitor supplied source.
Use it
Read the pinned package source
{% extends "brickwork/shell/auth.html" %}
{% block brand_wordmark %}Brickwork UI{% endblock %}
{% block content %}<h1>Sign in</h1>{% endblock %}Public blocks
| Block | Use |
|---|---|
brand_logo / brand_wordmark | Brand identification. |
content | Authentication form or recovery task. |
footer | Help and legal links. |
auth_background | Decorative background only. |
Accessibility and no-JavaScript behaviour
The panel is the main landmark. Give form controls labels and leave background decoration outside the reading order.
The auth panel is static and fluid without JavaScript.
Troubleshooting
- The panel overflows narrow screens.
- Do not add fixed inline widths inside the content block.