The bundle keeps the build brief and style notes together.
Inspired by Zora.co
Zoomie Paws
A sparse creator-feed kit translated into the fictional pet shop Zoomie Paws. Best for artful pet drops, social posts, profile-led inventory, mobile-first feeds, collectible campaigns, and creator community surfaces; heavy forms, tables, and operational dashboards are weak.
lightminimalconsumereditorialmarketplacecommunity-site
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.
# Zoomie Paws 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 a fictional pet-shop interface using the Zoomie Paws Creative Feed style kit. Use Zoomie Paws as the demo brand. Adapt the captured Zora.co visual system into pet-care content: adoption, grooming, training, profiles, community, and care services. Do not use source logos, screenshots, trademarked collection names, or readable source text. Prioritize these strong categories: overall-style, color-system, typography, layout, navigation, hero, buttons, cards, badges-status, image-style, interaction-states. Weak or missing categories: forms (limited), tables (unavailable), charts (limited), menus-modals (limited). ## Agent Kit # Zoomie Paws Creative Feed Agent Kit A sparse creator-feed kit translated into the fictional pet shop Zoomie Paws. Best for artful pet drops, social posts, profile-led inventory, mobile-first feeds, collectible campaigns, and creator community surfaces; heavy forms, tables, and operational dashboards are weak. ## Source Evidence - Source capture: https://zora.co/ - Snapshot: State of Crypto Design 2026 - Dossier artifacts are preserved in `artifacts/` and concrete values come from the local design-dossier capture. ## Style Rules - Use the extracted colors: #ffffff, #121212, #4d4d4d, #878787, #00df00, #ff00f0. - Keep all copy, imagery, logo marks, pet names, and product details fictional. - Preserve the captured component grammar where evidence is strong. - Use original pet-shop previews and generated imagery rather than source screenshots. ## Category Limits - forms: limited - tables: unavailable - charts: limited - menus-modals: limited ## Implementation Notes ### Zoomie Paws overall style Status: available Evidence: DESIGN.md captures a media-led Zora feed with Button counts over 70, Navigation Link counts around 70, Tab evidence, repeated post media, and a 550px square above-fold artwork. Prompt: Build a fictional pet-shop surface for Zoomie Paws using the captured visual language, but replace all source assets, logos, and text with original pet-care content. ### Evidence-backed color system Status: available Evidence: DESIGN.md captures a media-led Zora feed with Button counts over 70, Navigation Link counts around 70, Tab evidence, repeated post media, and a 550px square above-fold artwork. Prompt: Use the extracted palette and contrast relationships from the dossier, adapting labels and surfaces to Zoomie Paws. ### Captured type scale Status: available Evidence: DESIGN.md captures a media-led Zora feed with Button counts over 70, Navigation Link counts around 70, Tab evidence, repeated post media, and a 550px square above-fold artwork. Prompt: Use the captured font mood, size hierarchy, and label density with neutral fallback fonts. ### Page layout grammar Status: available Evidence: DESIGN.md identifies mixed-copy-and-media and media-led grammar with centered 550px post cards and side navigation. Prompt: Follow the captured page grammar and spacing rhythm for a pet-care product or marketplace flow. ### Navigation system Status: available Evidence: DESIGN.md captures a media-led Zora feed with Button counts over 70, Navigation Link counts around 70, Tab evidence, repeated post media, and a 550px square above-fold artwork. Prompt: Use the captured navigation density, link grouping, and active states with pet-shop destinations. ### Hero pattern Status: available Evidence: The strongest above-fold signal is a post/media hero rather than a conventional headline; use a featured pet post as hero. Prompt: Translate the captured hero/media structure into a pet-shop first viewport with original content. ### Buttons and calls to action Status: available Evidence: components.md captures many button variants and compact feed actions. Prompt: Use the captured button radii, label sizes, fills, and contrast for pet-care CTAs. ### Cards and content blocks Status: available Evidence: DESIGN.md captures repeated post cards with square media, circular avatars, creator labels, and post actions. Prompt: Use captured media/card grammar for pets, services, posts, profiles, or resources. ### Forms and inputs Status: limited Evidence: Evidence supports login/create/search affordances, not complete multi-step forms. Prompt: Use only the captured search/input/login-level affordances; avoid unsupported complex form flows. Treat this category as limited because the dossier evidence is thin. ### Tables and row systems Status: unavailable Evidence: No table component is captured in DESIGN.md or components.md. Prompt: Unavailable in this kit; choose another kit for this category. ### Charts and metrics Status: limited Evidence: No analytic charts are captured; use small social counts only. Prompt: Use simple counters or indicators based on captured metric evidence, not full analytics dashboards. Treat this category as limited because the dossier evidence is thin. ### Badges and status chips Status: available Evidence: Use creator labels, post tags, and compact status chips based on captured feed controls. Prompt: Use captured chips, domain labels, filters, or social labels as pet status badges. ### Menus and modals Status: limited Evidence: Navigation and feed action menus are supported at a light level; modal evidence is weak. Prompt: Use captured navigation/menu affordances only; keep overlays compact and evidence-backed. Treat this category as limited because the dossier evidence is thin. ### Image and media style Status: available Evidence: DESIGN.md captures a media-led Zora feed with Button counts over 70, Navigation Link counts around 70, Tab evidence, repeated post media, and a 550px square above-fold artwork. Prompt: Generate original pet imagery that matches the captured composition, crop, and media treatment without source screenshots. ### Interaction states Status: available Evidence: DESIGN.md captures a media-led Zora feed with Button counts over 70, Navigation Link counts around 70, Tab evidence, repeated post media, and a 550px square above-fold artwork. Prompt: Use captured hover, active, selected, muted, disabled, and focus states with restrained motion.