Guide
Quick topics to get the most out of Artsite.
How to copy a prompt
- Start on the gallery. Filter by category (heroes, dashboards, backgrounds, and more) using the tabs at the top.
- Click any card to open the prompt popup: you'll see a preview, tags, and the prompt text (or SVG for illustration prompts).
- Use Copy Prompt or Copy SVG to copy to your clipboard, then paste into your AI builder or editor (Lovable, v0, Claude, Cursor, etc.). Premium prompts may be blurred until you upgrade.
- For a permalink and extra export options, choose Open full page in the popup—you'll get a stable URL you can share or revisit later.
How to explore brands
Brand kits group related prompts under one name—think of a product family or client style you want to reuse across many screens.
- Open All brands from the nav to see every published kit.
- Pick a kit to land on its hub: you'll see all prompts linked to that brand in one place.
- Many kits include a shared design.md on the hub page—your visual and tone guidelines for that brand. Kits that publish one are also listed on Design.md for AI prompts.
How to use the design system
A design.md is Markdown you can treat as the single source of truth for layout, typography, color roles, motion, and guardrails for that brand. Pair it with prompts so generated UI stays consistent.
- Browse hubs with a published spec on Design.md for AI prompts, then open the kit to read the full document on the brand page.
- When you copy a prompt from that kit, paste the relevant sections of design.md into the same chat or project instructions as the prompt—most tools let you pin system or project rules so the model keeps the style sheet in mind.
- Reuse the same kit across heroes, pricing blocks, and dashboards so spacing, type scale, and component language match without rewriting guidelines every time.