The bundle keeps the build brief and style notes together.
Inspired by Lido
Stake & Stay
A DeFi staking design kit translated into the fictional pet shop Stake & Stay. Concrete style choices come from the local lido-fi dossier; weak categories are marked limited or unavailable.
darkeditorialillustratedphoto-ledweb3-dashboardportfolio
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.
# Stake & Stay 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 Lido-inspired Stake & Stay style kit. The most repeated component groups are Navigation Link (11), Button (8), Navigation Link (8), Navigation Link (4), Navigation Link (3), Navigation Link (2), Navigation Link (2), Navigation Link (2), Navigation Link (2), Navigation Link (2), Navigation Link (2), Button (1), Button (1), Navigation (1), Navigation Link (1), Navigation Link (1). Use the screenshots and selector hints as evidence anchors; avoid adding colors, spacing, or components that are not represented in `tokens.json` or `evidence.json`. Image direction: Use case: `illustration-story` Style/medium: pastel editorial line illustration inspired by the source site imagery: thin indigo/violet outlines, soft lavender/cyan/mint fills, airy civic-tech composition, clean white light, slightly futuristic but friendly. Color palette: use extracted colors only as inspiration for concrete palette: rgb(0, 0, 0), rgb(255, 255, 255), rgba(19, 18, 23, 0.1), rgba(255, 255, 255, 0.7), rgba(19, 18, 23, 0.04), rgb(255, 249, 249), rgb(0, 0, 0), rgb(255, 255, 255), rgb(0, 133, 255), rgba(19, 18, 23, 0.72), rgba(19, 18, 23, 0.5), rgb(0, 0, 238). Constraints: no logos, no letters, no readable text, no signage, no watermark, no photorealism, no 3D render, no busy commercial clutter. Do not use source logos, trademarks, or proprietary assets. Concrete visual decisions must remain tied to the cleaned kit evidence. ## Agent Kit # Lido Pet Shop Agent Kit The most repeated component groups are Navigation Link (11), Button (8), Navigation Link (8), Navigation Link (4), Navigation Link (3), Navigation Link (2), Navigation Link (2), Navigation Link (2), Navigation Link (2), Navigation Link (2), Navigation Link (2), Button (1), Button (1), Navigation (1), Navigation Link (1), Navigation Link (1). Use the screenshots and selector hints as evidence anchors; avoid adding colors, spacing, or components that are not represented in `tokens.json` or `evidence.json`. ## Image Direction Use case: `illustration-story` Style/medium: pastel editorial line illustration inspired by the source site imagery: thin indigo/violet outlines, soft lavender/cyan/mint fills, airy civic-tech composition, clean white light, slightly futuristic but friendly. Color palette: use extracted colors only as inspiration for concrete palette: rgb(0, 0, 0), rgb(255, 255, 255), rgba(19, 18, 23, 0.1), rgba(255, 255, 255, 0.7), rgba(19, 18, 23, 0.04), rgb(255, 249, 249), rgb(0, 0, 0), rgb(255, 255, 255), rgb(0, 133, 255), rgba(19, 18, 23, 0.72), rgba(19, 18, 23, 0.5), rgb(0, 0, 238). Constraints: no logos, no letters, no readable text, no signage, no watermark, no photorealism, no 3D render, no busy commercial clutter. ## Subagent Note This is a draft generated by `npm run kit:ingest`. Tighten tags, categories, evidence notes, and prompt fragments before publishing.