imagetoascii.art
Design analysis
The footer closes with a short product statement and a compact cluster of guide, community, privacy, and contact links.
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/image-to-ascii/536947f7-3504-43cd-9692-a327ad82583f-1789452200-11.webp - Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/image-to-ascii/536947f7-3504-43cd-9692-a327ad82583f-1789452107158-full.webp - Component on Kage: https://kage.design/component/image-to-ascii-footer ## Before you start Ask what essential support, legal, and contact links the user's product needs. Then create a footer that feels like a natural continuation of the brand. Build a two-column responsive footer with a thin top border, a short muted description on the left, and grouped inline links on the right. Use a #070a09 background, #9b9f9b body text, underlined links in #c3c6bf, and small monospace typography. Keep vertical padding around 36–52px and horizontal page padding aligned with the rest of the site. Wrap links cleanly on mobile and include visible keyboard focus states. Avoid adding a large marketing CTA here unless the product specifically needs one. Never: use logos, product names, copy, illustrations, or imagery from the reference.
kage