The bundle keeps the build brief and style notes together.
Inspired by Maple
Maple Leash
An institutional landing and intake kit translated into Maple Leash, using Geist plus serif display, warm orange accents, split media heroes, footer/navigation link systems, and polished forms.
lighteditorialinstitutionalluxurylanding-pagecheckout
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.
# Maple Leash 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 Maple-inspired Maple Leash style kit. An institutional landing and intake kit translated into Maple Leash, using Geist plus serif display, warm orange accents, split media heroes, footer/navigation link systems, and polished forms. Primary silhouette: Use a polished institutional pet-care landing page: warm white backgrounds, orange CTA accents, serif display moments, large split media, rounded pills, and strong lead/contact forms. Do not force a DeFi app dashboard. Composition: Compose split hero, value bands, product proof, institutional intake form, and dense footer. Keep large horizontal margins on desktop and comfortable stacked sections on mobile. Above the fold: Use a left copy/right media hero for premium pet-care membership with one orange pill CTA and one secondary link. Core components: - Product proof tiles: Use a few spacious product tiles for liquid care plans, lending-style boarding, and institutional service proof; keep them airy and editorial. - Full intake form system: Lean into forms: contact/sales intake, booking request, email capture, segmented buttons, checkboxes, and select controls with 12px rounded white panels. - Light list rows only: Use simple comparison/list rows only if needed; avoid dense financial tables. - Proof metrics only: Use restrained numeric proof blocks inside landing sections, not chart cards. - Navigation and form menus: Use polished dropdown/mobile menus and select menus for service category and contact intent. Image direction: Use warm editorial pet-care imagery: premium leash/coat studio scenes, soft peach lighting, clean backgrounds, no source marks or readable text. 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 # Maple Pet Shop Agent Kit An institutional landing and intake kit translated into Maple Leash, using Geist plus serif display, warm orange accents, split media heroes, footer/navigation link systems, and polished forms. ## Evidence-Backed Silhouette ### Warm institutional landing Evidence: Evidence shows split-copy-and-media hero, video media, Geist plus SeasonMix serif, white/f7f7f8 surfaces, orange accents, 12/8/9999px radii, many nav links, and real form/input evidence. Prompt guidance: Use a polished institutional pet-care landing page: warm white backgrounds, orange CTA accents, serif display moments, large split media, rounded pills, and strong lead/contact forms. Do not force a DeFi app dashboard. ### Split landing plus intake bands Evidence: Evidence records split hero media at x916/y84, 60/80px section padding, text-led and media-led bands, and dense footer/nav links. Prompt guidance: Compose split hero, value bands, product proof, institutional intake form, and dense footer. Keep large horizontal margins on desktop and comfortable stacked sections on mobile. ### Split copy and video hero Evidence: Hero evidence is split-copy-and-media with the heading Asset Management Onchain, CTA Earn Now, and video media at the right. Prompt guidance: Use a left copy/right media hero for premium pet-care membership with one orange pill CTA and one secondary link. ### Product proof tiles Evidence: Card evidence is secondary, but sections and media groups support proof/product tiles. Prompt guidance: Use a few spacious product tiles for liquid care plans, lending-style boarding, and institutional service proof; keep them airy and editorial. ### Full intake form system Evidence: Evidence includes Input (10), Form (4), selects, email fields, and marketing checkbox inputs. Prompt guidance: Lean into forms: contact/sales intake, booking request, email capture, segmented buttons, checkboxes, and select controls with 12px rounded white panels. ### Light list rows only Evidence: Asset/list table evidence is directional, but form/landing evidence is stronger. Prompt guidance: Use simple comparison/list rows only if needed; avoid dense financial tables. ### Proof metrics only Evidence: Metric evidence exists but chart detail is limited. Prompt guidance: Use restrained numeric proof blocks inside landing sections, not chart cards. ### Navigation and form menus Evidence: Evidence includes nav links, mobile nav, selects, and form controls. Prompt guidance: Use polished dropdown/mobile menus and select menus for service category and contact intent. ### Warm premium editorial Evidence: Image palette includes white, f7f7f8, orange, peach, black, and gray. Prompt guidance: Use warm editorial pet-care imagery: premium leash/coat studio scenes, soft peach lighting, clean backgrounds, no source marks or readable text. ## Image Direction Use warm editorial pet-care imagery: premium leash/coat studio scenes, soft peach lighting, clean backgrounds, no source marks or readable text. 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.