Choosing a Template
1 min read
Once the import completes, Mashup shows you a grid of templates. Each template is a complete design language: a layout system, a set of typographic choices, a section ordering convention, and a palette generation strategy.
Mashup ships with several templates and we add more on a rolling basis. Today's library includes:
- Fashion — Editorial layout aimed at apparel, accessories, and lifestyle brands. Strong typography, generous whitespace, large editorial imagery.
- Premium Skin (Glowice) — Premium skincare and beauty layout. Soft palettes, ingredient-forward storytelling, before/after comparison blocks, ritual-style sections.
- SoundWave — Bold electronics and audio layout. Dark mode by default, feature shocases, comparison tables, FOMO toasts, and a sticky purchase bar.
Each template card shows a preview image, the template's design intent in one sentence, and a tag for the kind of product it suits best. Hover or tap to see more sample screenshots. Click Use this template to continue.
Some templates have variant pages — for example, Fashion includes both a product page layout and a home page layout. The build flow defaults to product pages; if you want to generate a home page, look for the small toggle at the top of the template grid.
You can also start a build, generate a page with one template, and then "re-skin" it with another template from the Design Studio without consuming an extra build credit. This makes it cheap to A/B different aesthetic directions on the same product.