termsquad.com
Design analysis
The footer closes with the brand summary at left, grouped utility links across the right, and a low-contrast legal row beneath. Its small type preserves the minimal technical aesthetic.
Prompt preview
## Reference images Study these alongside the description below: hierarchy, rhythm, spacing, colour. Build for the product you are asked about, using this design language. - Component: https://kage-design-assets.t3.tigrisfiles.io/components/termsquad-com/d12b8131-9740-4063-aef8-780525dfffce-1789166960-9.webp - Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/termsquad-com/d12b8131-9740-4063-aef8-780525dfffce-1789166919347-full.webp - Component on Kage: https://kage.design/component/termsquad-footer ## Before you start Ask what the user's product, audience, and brand are, then apply the principles below to their product rather than copying this reference. Build a compact dark footer with a top row containing a brand area and short description on the left, and three or four grouped link columns on the right. Add a lower row with copyright, a tiny brand principle or status phrase, and legal links. Use #07090a background, #171d1c top border, primary text #e8eeeb, muted text #7e8883, and a small mint accent #a9e9c0. Use 32–36px horizontal padding, 12–14px body text, 10–11px legal text, and generous row spacing. Keep link groups aligned to a common grid, add understated hover colour changes, and collapse to stacked groups on mobile. Maintain enough bottom padding so the footer does not feel clipped. Never use logos, product names, copy, illustrations, or imagery from the reference.
kage