Preview image. Unlock full-res
Dark contained footer that stacks a halftone-image CTA banner over a three-column link directory with a brand block and a live status pill.
Summary
A dark contained footer that reuses the brand's halftone-image CTA banner up top, then drops into a three-column link directory with a brand block and a green live-status pill.
Visual description
On near-black, a wide rounded banner sits inset at the top: its right side is filled with a high-contrast black-and-white halftone photo of industrial steelwork fading into a flat dark left side, where the white "S" mark and a two-line "Ready to Build with Steel?" headline sit, with a yellow "Start For Free" button beside a "Documentation" link toward the lower right. Below a faint divider, the footer proper shows the "S" logo and tagline "A better way to take your LLMs online." with "© Steel Inc. 2025" and "Terms of Service Privacy Policy" links on the left. Two link columns sit right of it: "Platform" (Docs, Status, Careers (We're Hiring!)) and "Join the Community" (X / Twitter, GitHub, Discord). A green "All Systems Operational" status pill anchors the bottom-left.
Key takeaway
Repeating the hero/CTA halftone banner inside the footer so the closing block carries the same gritty identity rather than going plain. Pairing a developer-friendly status pill and a "We're Hiring" link in a compact two/three-column directory keeps the footer useful and on-brand.
Reuse notes
Use when you want the footer to double as a final CTA and keep a strong textural brand presence. The contained banner needs enough inset margin to read as deliberate. Keep the palette monochrome with one yellow accent so the CTA button stays dominant; the status pill suits an infrastructure or developer product.
