Inspired by MetaMask.io

Foxglove Pet Market

A wallet-style pet shop kit with a warm immersive hero, rounded app-like bento panels, wallet/connect onboarding, subscription forms, and playful product education translated into pet care.

lightplayfulconsumergradientwalletmarketplace

Cleaned style kit

Reusable style notes, not a copy kit.

Source: https://metamask.io/
Snapshot: State of Crypto Design 2026
Captured: 2026-05-02T18:53:10.212Z

Element picker

Foxglove Pet Market

Inspired by MetaMask.io

A wallet-style pet shop kit with a warm immersive hero, rounded app-like bento panels, wallet/connect onboarding, subscription forms, and playful product education translated into pet care.

Well-supported90/100 evidence score

15 selectable categories12 well-supported3 limited0 chosen herePlayful / Futuristic / Marketplace

Allow more than one source per category

Choosing a category from another kit replaces the current source for that category.

Prompt composer

Remix brief

Pick categories to build a clean prompt.

Target use case

No sources selected yet

A strong remix usually starts with one kit for the overall style, then borrows specific pieces such as buttons, cards, charts, or image style.

No elements selected yet. Start with overall style, hero, buttons, or image style.

Build an Ethereum-style learning hub for a community project using selected style kits from stylistical.ly.
Selected style sources:
- No elements selected yet. Choose one or more categories first.
Rules:
- Keep concrete colors, type, spacing, and components tied to the selected kit evidence.
- Do not use source logos, trademarks, copied screenshots, or brand-specific product claims.
- If a category is not selected, keep it simple or ask for another source kit.
- For images, follow the selected image prompt and avoid readable text inside generated imagery.

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.

1Start with the bundle

The bundle keeps the build brief and style notes together.

2Use the tokens

Use CSS variables, Tailwind values, and JSON tokens when you need exact values.

3Borrow components

Component prompts describe reusable patterns. Keep weak areas marked limited or unavailable.

# Foxglove Pet Market 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 evidence-backed Foxglove Pet Wallet kit for the fictional pet shop Foxglove Pet Market.

Translate the captured MetaMask.io design language into pet care: A wallet-style pet shop kit with a warm immersive hero, rounded app-like bento panels, wallet/connect onboarding, subscription forms, and playful product education translated into pet care.

Use these concrete colors where practical: `#0a0a0a`, `#3d065f`, `#bae84a`, `#fff1eb`, `#e5ffc3`. Keep the strongest categories from the kit available, and respect limited/unavailable categories in kit.json.

Image prompt: original fictional pet-shop interface in this captured style, polished app/shop preview, pet supplies and care routines, no source screenshots, no source logos, no trademarks, no crypto copy, no watermark.

## Agent Kit

# Foxglove Pet Wallet Agent Kit

Status: evidence-backed fictional pet shop kit.

Fictional brand: Foxglove Pet Market.
Source capture: https://metamask.io/ at 2026-05-02T18:53:10.212Z.
Evidence source: /Users/qz/Documents/Builds/design-dossier/design-dossiers/metamask-io/evidence.json, tokens.json, DESIGN.md, components.md, and product-patterns.md.

Use this kit for a wallet-style pet shop kit with a warm immersive hero, rounded app-like bento panels, wallet/connect onboarding, subscription forms, and playful product education translated into pet care.

## Evidence-Backed Tokens

- Accent colors: `#0a0a0a`, `#3d065f`, `#bae84a`, `#fff1eb`, `#e5ffc3`.
- Tags: light, playful, consumer, gradient, illustrated, futuristic.
- Components: nav, hero, footer, cards, buttons, forms, tabs, menus, charts, stats, wallet-connect, swap, activity-feed.
- Preserve the captured spacing/radius attitude from the dossier while replacing all source products with fictional pet-shop content.

## Component Grammar

- Navigation: grouped pet-shop pathways and footer links, grounded in the source navigation evidence.
- Hero: fictional pet-care conversion copy with one strong CTA and cleaned app/shop preview imagery.
- Cards: supplies, routines, pet profiles, trust notes, rewards, and mobile panels using source-derived card rhythm.
- Controls: rounded buttons, tabs or filters where evidenced, and restrained status badges.

## Limits

tables: limited, charts: limited, badges-status: limited

## Image Direction

Create original fictional pet-shop previews only. Do not use raw source screenshots, source logos, source product names in visible preview UI, trademarks, or watermark text.