The bundle keeps the build brief and style notes together.
Inspired by Aave
Aave & Retrieve
An airy product-storytelling kit translated into Aave & Retrieve, with off-white canvases, rounded product sections, blue/lavender accents, mega-menu navigation, case-study cards, and calm app-store CTAs.
lighteditorialminimalglasslanding-pagedeveloper-tool
Implementation bundle
Copy one clean packet, or just the pieces you need.
Copy the full bundle when you want an agent to build in this style. Use the individual files when you only need tokens, CSS, Tailwind, or component prompts.
Use CSS variables, Tailwind values, and JSON tokens when you need exact values.
Component prompts describe reusable patterns. Keep weak areas marked limited or unavailable.
# Aave & Retrieve Implementation Bundle Use this as the build brief for an AI coding agent. The base remix prompt tells the agent what to make; the style kit adds evidence, component behavior, and known limits. ## Base Remix Prompt Build an interface using the Aave-inspired Aave & Retrieve style kit. An airy product-storytelling kit translated into Aave & Retrieve, with off-white canvases, rounded product sections, blue/lavender accents, mega-menu navigation, case-study cards, and calm app-store CTAs. Primary silhouette: Use an airy product-marketing system for pet savings: off-white canvas, large rounded surfaces, calm blue/lavender actions, product mega-menu, partner/case-study proof, and spacious storytelling. Avoid dense dashboard layouts. Composition: Build spacious sections with rounded panels, split copy/media blocks, product rows, case-study band, careers/community footer, and generous whitespace. Above the fold: Use a calm savings hero with big centered or soft split headline, rounded app-preview media, primary blue CTA, and secondary text link. Core components: - Partner proof cards: Use cards as partner/story proof modules with rounded corners, large quotes or numbers, and subtle lavender/white surfaces. - Light capture only: Use only lightweight email/download/contact capture if needed; avoid heavy swap or checkout forms. - No dense table surface: Prefer product lists and proof rows over dense tables. Mark detailed tables as unsupported unless another kit supplies them. - Case-study metrics: Use large case-study numbers and tiny progress marks; avoid full analytic charting. - Mega-menu navigation: Use a polished mega-menu with product/resource/developer columns, rounded panels, and compact descriptions. Image direction: Use soft generated product imagery: rounded app devices, floating pet-care savings tokens, lavender glow, no source logos, no readable text, no copied UI. Do not use source logos, trademarks, proprietary assets, readable source text, or copied screenshots. Stay evidence-backed; if evidence is limited, keep the treatment directional and conservative. ## Agent Kit # Aave Pet Shop Agent Kit An airy product-storytelling kit translated into Aave & Retrieve, with off-white canvases, rounded product sections, blue/lavender accents, mega-menu navigation, case-study cards, and calm app-store CTAs. ## Evidence-Backed Silhouette ### Airy product storytelling Evidence: Evidence shows off-white backgrounds, Aave Repro/Inter type, split sections with 120-150px vertical padding, large rounded radii including 20/24/50px, mega-menu nav links, case-study card links, and blue/lavender accent evidence. Prompt guidance: Use an airy product-marketing system for pet savings: off-white canvas, large rounded surfaces, calm blue/lavender actions, product mega-menu, partner/case-study proof, and spacious storytelling. Avoid dense dashboard layouts. ### Rounded product sections Evidence: Evidence includes 10 sections, split-text-media and stacked-text-media patterns, 48px horizontal padding, and large top/bottom section padding. Prompt guidance: Build spacious sections with rounded panels, split copy/media blocks, product rows, case-study band, careers/community footer, and generous whitespace. ### Centered/split savings story Evidence: Hero evidence includes Savings for Everyone, split media evidence, and app CTAs such as Download on iOS/Learn More. Prompt guidance: Use a calm savings hero with big centered or soft split headline, rounded app-preview media, primary blue CTA, and secondary text link. ### Partner proof cards Evidence: Navigation Link (12) evidence includes partner/case-study card selectors. Prompt guidance: Use cards as partner/story proof modules with rounded corners, large quotes or numbers, and subtle lavender/white surfaces. ### Light capture only Evidence: Input evidence is minimal and the source is more product-marketing than transactional. Prompt guidance: Use only lightweight email/download/contact capture if needed; avoid heavy swap or checkout forms. ### No dense table surface Evidence: Table evidence is not reliable, though asset-list was inferred. Prompt guidance: Prefer product lists and proof rows over dense tables. Mark detailed tables as unsupported unless another kit supplies them. ### Case-study metrics Evidence: Metric evidence appears in case-study section CTAs and partner proof. Prompt guidance: Use large case-study numbers and tiny progress marks; avoid full analytic charting. ### Mega-menu navigation Evidence: Evidence includes multiple nav menus, collapsible buttons, menu tabs, and split menu containers. Prompt guidance: Use a polished mega-menu with product/resource/developer columns, rounded panels, and compact descriptions. ### Soft product imagery Evidence: Image palette includes off-white, white glass, blue, lavender, and dark ink. Prompt guidance: Use soft generated product imagery: rounded app devices, floating pet-care savings tokens, lavender glow, no source logos, no readable text, no copied UI. ## Image Direction Use soft generated product imagery: rounded app devices, floating pet-care savings tokens, lavender glow, no source logos, no readable text, no copied UI. Do not use source logos, trademarks, proprietary assets, or raw source screenshots. Concrete visual decisions must remain tied to the cleaned kit evidence and copied artifacts.