meetpaw.app
Design analysis
The footer returns to a light background with the product mark on the left, utility/legal links on the right, and a small centered legal note beneath.
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/meetpaw/a0a465d2-81ef-4df0-b440-a946faf696c8-1792389688-6.webp - Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/meetpaw/a0a465d2-81ef-4df0-b440-a946faf696c8-1792389630481-full.webp - Component on Kage: https://kage.design/component/meetpaw-footer ## Before you start Ask what legal links, support channels, social destinations, and copyright details the user's product needs. Then build an original compact footer. Create a light footer separated from the CTA by a thin #e8e8e8 rule and generous top padding. Use a centered max-width row with the product mark or wordmark aligned left and a small horizontal set of utility links aligned right. Below, add a subtle centered legal or attribution line in 11–12px text. Use system sans-serif typography, #171717 for the wordmark, #686868 for links, and #a0a0a0 for the legal note. Keep the footer compact but give it 36–52px horizontal and vertical breathing room. Links should have clear hover and keyboard focus states, remain readable at small sizes, and wrap gracefully on narrow screens. Stack the brand and links on mobile while preserving a clear separation between navigation and legal content. ### Never - Never use logos, product names, copy, illustrations, or imagery from the reference. - Never reuse the exact footer links or legal sentence. - Never make legal text so small or faint that it becomes inaccessible.
kage