Back to blog

Prompt Templates in Pluck Studio: Generic, Website, App, Graphic and Custom

October 26, 2026·Pluck Team·5 min read
guide
studio
ai

Every prompt you run on a board in Pluck Studio goes through a template before it reaches the model. The template adds framing around your brief, decides the default output shape, and tells the model how to treat the plucks and images you connected as references. Most people never need to think about it. But if your generations keep coming out as posters when you wanted a web page, or the model keeps "improving" a reference you wanted copied faithfully, the template is the first thing to check.

This post walks through the five templates, what each one changes, and how to pick.

Where templates live

Templates are an account-level setting, not a per-prompt one. Open Pluck Studio, go to Account, and find the Image generation section. You will see the five options: Generic, Website, Mobile app, Graphic design and Custom.

Whatever you choose applies to every prompt you run from then on, hosted or local. Each generation card remembers which template produced it, so you can look back at an older result and know exactly how it was framed. Changing the template never rewrites past generations.

Generic (the default)

Generic is the template every account starts with, and it does the least. It passes your prompt through as written and adds one standing instruction: keep connected images faithful. If you connect a pluck of a pricing table and write "make the middle plan highlighted in green", Generic tells the model to reproduce the pricing table you gave it and change only the highlight. It does not push the result toward any particular medium.

The output shape under Generic is auto, which means the aspect ratio follows the input. One landscape reference tends to produce a landscape result, a square image a square one, and a prompt with no references lets the model choose.

Use Generic when:

  • You are revising a specific reference and want it reproduced closely.
  • You are mixing several plucks and want the model to follow your wording rather than a built-in frame.
  • You are not sure. It is the safest default and the easiest one to reason about.

Website

The Website template is the original Pluck framing, the one the product launched with. It tells the model that the result is a web page or a section of one, seen in a browser at desktop width, and sets the default aspect ratio to 16:9.

The difference from Generic is most visible on short prompts. "A SaaS landing page for a time tracking app" under Generic might come back as something between a poster and a product shot. Under Website it comes back as a page: a navbar at the top, a hero, sections stacked below, the proportions of a laptop screen.

Use Website when:

  • The thing you are designing is a page or a page section.
  • Your prompts are short and you want the frame filled in for you.
  • You want 16:9 by default without setting the aspect ratio on every prompt card.

If you also pluck real pages as references, Website and Generic produce similar results, because the references already carry the framing. The template matters more when the references are loose, such as a colour palette image or a single button.

Mobile app

Mobile app does the same job as Website but for phone screens. The framing describes an app screen, a status bar, a bottom tab bar where it makes sense, and the default aspect ratio is 9:16.

This is the template to use for onboarding flows, settings screens, feed layouts and anything else you would open on a phone. Connect a pluck of a web dashboard, switch to Mobile app, and ask for "the same data as a phone screen with a bottom nav", and the model has both the content from the reference and the frame from the template.

A note on plucking for mobile work: Pluck captures the page at the width your browser is at. If you want the reference itself to be the mobile layout, resize your browser to a phone width before you pluck. We cover this in more detail in Responsive by Default: How Pluck Captures Breakpoints.

Graphic design

Graphic design drops the screen framing entirely. The model is told the result is a graphic: a poster, a social card, a banner, a slide, an illustration with type on it. The output shape is auto, so the aspect ratio comes from your references or from the aspect setting on the prompt card.

People use this template for marketing assets that borrow a product's look. Pluck a hero section with the brand's type and colour, switch to Graphic design, and ask for "an announcement card for the new pricing in this style, 1:1". You get a graphic that uses the plucked styles rather than a cropped web page.

Custom

Custom is a text box. Whatever you write there becomes the standing instruction wrapped around every prompt, replacing the built-in framing of the other templates. The default output shape is auto, and you can still set an aspect ratio per prompt card.

Some instructions we have seen work well:

Output is always a desktop web page section at 1440px width.
Use the typography and colours from the connected references exactly.
Never add stock photography; use flat colour blocks where an image would go.
Light theme only.

Custom is the right choice when you have a house style and are tired of repeating it, or when you are generating for a medium the other four do not cover, such as email templates or print layouts. Keep it short. Long instructions compete with your actual prompt, and the model weighs them against each other.

Templates, aspect ratio and quality together

Templates set a default output shape. The aspect setting on each prompt card can override it: leave it on Auto to take the template's default, or pick 1:1, 16:9, 9:16, 4:3, 3:4, 3:2, 2:3 or 21:9. Quality (Draft, Standard, High, Max) is independent of the template. So a typical setup for a web project is Website as the template, aspect left on Auto for pages, and switched to 9:16 on the one prompt where you want the mobile version. We go deeper on these two settings in Aspect Ratio, Quality and Model: Setting Up a Hosted Generation.

Local generation through the desktop app and your own Codex uses the same templates. The template text travels with the prompt, so switching between hosted and local does not change the framing.

A quick way to decide

  • Revising or combining real references: Generic.
  • Designing a page from a short brief: Website.
  • Designing a phone screen: Mobile app.
  • Making a poster, card or banner in a product's style: Graphic design.
  • Repeating the same house rules on every prompt: Custom.

If a generation comes out in the wrong medium or the wrong shape, change the template before you change the prompt. It is usually the cheaper fix.

Open Pluck Studio, go to Account, and try switching templates on a board you already have. Rerunning the same prompt under two templates is the fastest way to see what each one adds.

Use Pluck with your stack