pujan-modha/clover-design - Page 2

invoice

Professional invoice with line items, totals, tax, payment details, and branding. Use for "invoice", "billing", "receipt", "quote".

kanban-board

Kanban board UI with columns, cards, tags, and avatars. Use for "kanban", "task board", "project board", "trello-style".

landing-page-minimal

Ultra-minimal landing page — one headline, one subhead, one CTA, nothing else. Use for "minimal landing", "coming soon", "waitlist", "single CTA".

magazine-poster

Editorial magazine cover or poster with bold typography, asymmetric layout, and dramatic negative space. Use for "magazine cover", "poster", "editorial".

meeting-notes

Structured meeting notes with attendees, agenda, decisions, and action items. Use for "meeting notes", "standup", "retrospective", "sync notes".

mobile-app

Mobile app screen inside a pixel-accurate device frame. Single screen, single job. Use for "mobile app", "iOS app", "Android app", "phone screen".

mobile-onboarding

Mobile app onboarding flow — 3–5 screens with swipe indicators, value props, and CTA. Use for "onboarding", "walkthrough", "tutorial", "first run".

motion-frames

Single-frame motion-design composition with looping CSS animations. Rotating type ring, animated globe, ticking timer, parallax labels. Ready for frame-grabber export.

pitch-deck

Investor pitch deck with problem, solution, market, traction, team, and ask. Use for "pitch", "investor deck", "fundraising", "VC".

pm-spec

Product requirements document (PRD) with user stories, acceptance criteria, wireframes, and release checklist. Use for "PRD", "spec", "requirements".

pricing-page

Standalone pricing page — header, plan tiers, feature comparison table, FAQ.

product-launch

Product launch page with countdown, feature reveals, teaser video placeholder, and early-access signup. Use for "launch", "product launch", "coming soon".

social-carousel

A 3-card social-media carousel laid out as 1080×1080 squares. Connected headlines, cinematic gradients, drop-into-Instagram ready.

sprite-animation

CSS sprite-sheet animation with stepping keyframes. Character walk cycle, loading spinner, or UI micro-animation. Use for "sprite", "animation", "walk cycle", "loading animation".

team-okrs

OKR (Objectives and Key Results) dashboard with progress bars, owner avatars, and quarterly grouping. Use for "OKRs", "goals", "objectives", "Q1 goals".

tech-sharing

Technical presentation / talk slides as HTML. Code snippets, diagrams, speaker notes. Use for "tech talk", "tech sharing", "presentation", "developer talk".

tweaks

Generate a TWEAK_SCHEMA and EDITMODE block inside HTML so users can adjust colors, spacing, typography, and layout via dynamic sliders. Companion to any visual skill.

web-prototype

General-purpose desktop web prototype. Single self-contained HTML file with semantic markup, inline CSS, and responsive breakpoints. Default for landing, marketing, docs, or SaaS pages.

web-prototype-taste-brutalist

Brutalist web prototype — raw borders, system fonts, high contrast, asymmetric grids, no gradients. Use for "brutalist", "raw", "experimental".

web-prototype-taste-editorial

Editorial web prototype — magazine-style asymmetric layouts, serif headlines, generous whitespace, footnotes, pull quotes. Use for "editorial", "magazine", "publication", "journal".

web-prototype-taste-soft

Soft / pastel web prototype — rounded everything, gentle gradients, friendly typography, bouncy animations. Use for "soft", "pastel", "friendly", "cute".

weekly-update

Team weekly update with wins, blockers, upcoming work, and metrics. Use for "weekly update", "week in review", "team update", "status report".

wireframe-sketch

Low-fidelity wireframe sketch with placeholder blocks, annotation labels, and grayscale palette. Use for "wireframe", "low-fi", "sketch", "concept".