The bundle keeps the build brief and style notes together.
Inspired by Warpcast.com
Wagcast Club
A focused social landing kit translated into the fictional pet shop Wagcast Club. The capture redirected to a public Farcaster landing surface with a purple gradient, phone-video hero, sign-up/download actions, and sparse navigation; most product categories beyond landing/social basics are limited or unavailable.
darkminimalconsumergradientlanding-pagecommunity-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.
# Wagcast Club 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 Wagcast Club Social Kit style kit. Use Wagcast Club as the demo brand. Adapt the captured Warpcast.com 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, image-style, interaction-states. Weak or missing categories: cards (limited), forms (unavailable), tables (unavailable), charts (unavailable), badges-status (limited), menus-modals (unavailable). ## Agent Kit # Wagcast Club Social Kit Agent Kit A focused social landing kit translated into the fictional pet shop Wagcast Club. The capture redirected to a public Farcaster landing surface with a purple gradient, phone-video hero, sign-up/download actions, and sparse navigation; most product categories beyond landing/social basics are limited or unavailable. ## Source Evidence - Source capture: https://warpcast.com/ - Snapshot: State of Crypto Design 2026 - Note: Capture requested https://warpcast.com/ and evidence resolved to a usable public Farcaster surface at https://farcaster.xyz/. - Dossier artifacts are preserved in `artifacts/` and concrete values come from the local design-dossier capture. ## Style Rules - Use the extracted colors: #361aac, #080418, #7959ff, #ffffff, #ffffff80. - 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 - cards: limited - forms: unavailable - tables: unavailable - charts: unavailable - badges-status: limited - menus-modals: unavailable ## Implementation Notes ### Wagcast Club overall style Status: available Evidence: DESIGN.md captures a Farcaster/Warpcast public landing page with Navigation Link groups, a Build. Share. Grow. hero, sign-up CTA, app download buttons, and phone video media. Prompt: Build a fictional pet-shop surface for Wagcast Club 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 Farcaster/Warpcast public landing page with Navigation Link groups, a Build. Share. Grow. hero, sign-up CTA, app download buttons, and phone video media. Prompt: Use the extracted palette and contrast relationships from the dossier, adapting labels and surfaces to Wagcast Club. ### Captured type scale Status: available Evidence: DESIGN.md captures a Farcaster/Warpcast public landing page with Navigation Link groups, a Build. Share. Grow. hero, sign-up CTA, app download buttons, and phone video media. Prompt: Use the captured font mood, size hierarchy, and label density with neutral fallback fonts. ### Page layout grammar Status: available Evidence: DESIGN.md captures wide-media-above-centered-copy with a full viewport gradient, phone media on the left, and copy/action stack on the right. 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 Farcaster/Warpcast public landing page with Navigation Link groups, a Build. Share. Grow. hero, sign-up CTA, app download buttons, and phone video media. Prompt: Use the captured navigation density, link grouping, and active states with pet-shop destinations. ### Hero pattern Status: available Evidence: DESIGN.md captures Build. Share. Grow. at x675/y260 and a 405px sign-up button plus app download imagery. Prompt: Translate the captured hero/media structure into a pet-shop first viewport with original content. ### Buttons and calls to action Status: available Evidence: Primary evidence is sign-up and app-download action links; use purple/white landing CTAs. Prompt: Use the captured button radii, label sizes, fills, and contrast for pet-care CTAs. ### Cards and content blocks Status: limited Evidence: No card system is captured, but a simple social-post preview can be derived from the phone/social landing context. Prompt: Use captured media/card grammar for pets, services, posts, profiles, or resources. Treat this category as limited because the dossier evidence is thin. ### Forms and inputs Status: unavailable Evidence: No form components are captured; sign-up is a link/button only. Prompt: Unavailable in this kit; choose another kit for this category. ### Tables and row systems Status: unavailable Evidence: No tables are captured. Prompt: Unavailable in this kit; choose another kit for this category. ### Charts and metrics Status: unavailable Evidence: No charts are captured. Prompt: Unavailable in this kit; choose another kit for this category. ### Badges and status chips Status: limited Evidence: Badges are limited to lightweight social/community labels using purple and translucent white. Prompt: Use captured chips, domain labels, filters, or social labels as pet status badges. Treat this category as limited because the dossier evidence is thin. ### Menus and modals Status: unavailable Evidence: No menu or modal system is captured. Prompt: Unavailable in this kit; choose another kit for this category. ### Image and media style Status: available Evidence: DESIGN.md captures a Farcaster/Warpcast public landing page with Navigation Link groups, a Build. Share. Grow. hero, sign-up CTA, app download buttons, and phone video media. 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 Farcaster/Warpcast public landing page with Navigation Link groups, a Build. Share. Grow. hero, sign-up CTA, app download buttons, and phone video media. Prompt: Use captured hover, active, selected, muted, disabled, and focus states with restrained motion.