Kage Design logo kage
ffffinder.repponen.com
FFFFinder footer component

Design analysis

The closing area uses a sparse multi-column footer for purchase, author/about, and policy links, followed by a large abstract brand mark that gives the long page a memorable endpoint.

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/ffffinder/236e01a7-b902-40d9-8cf2-9e70faeb5362-1790748893-6.webp
- Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/ffffinder/236e01a7-b902-40d9-8cf2-9e70faeb5362-1790748796754-full.webp
- Component on Kage: https://kage.design/component/ffffinder-footer

## Before you start
Ask what closing actions, legal links, support channels, and brand mark the user's product needs. Ask for the brand's preferred closing tone, then build an original footer using these principles.

Create a spacious footer with three aligned link groups: a primary action, an about or maker statement, and policy/support links. Below the links, place a large abstract brand-owned closing mark or wordless graphic with ample whitespace. The footer should feel like a quiet conclusion rather than another sales section.

Design rules:
- Use a three-column grid on desktop with consistent left alignment and a single-column stack on mobile.
- Keep footer copy small and utilitarian; make the primary action visually discoverable without becoming a loud button.
- Use white `#FFFFFF`, near-black text `#222222`, muted text `#777777`, and a pale brand surface around `#E8ECF2` for the closing mark.
- Use fine dividers where needed, generous top padding, and a restrained radius on any graphic container.
- Provide clear hover, focus, visited, and keyboard states for all links; ensure the footer remains accessible against the large open background.

Never:
- Never reuse the reference's logo, giant mark, product name, author name, links, copy, or imagery.
- Never make the closing graphic so large that it obscures legal or support information.

More components