# MediaModifier
> MediaModifier is a web-based editor for creating mockups, editable design templates, and visual assets.

## Core Concepts

### Concept: Mockup
A mockup is a product-preview image where a design is placed onto a realistic scene (for example a phone screen, poster, or packaging). The goal is to show how a design looks in context without doing a photoshoot.

A typical mockup workflow is: select a mockup scene, upload a design image, adjust placement if needed, then export the final preview image.

Example: You have an app screenshot and want a “phone in hand” image. You pick a phone mockup, upload the screenshot as the replaceable layer, and export a PNG for your landing page.

### Concept: Design template
A design template is an editable layout (text + shapes + images) used to create marketing or communication visuals quickly. Templates are meant to be modified rather than only “placed” like a mockup.

Example: You pick a social media post template, change the headline and colors, insert your logo, and export a ready-to-post JPG.

### Concept: Vector
A vector is a scalable graphic asset that remains sharp at any resolution. Vectors are useful for icons, logos, shapes, and illustrations that must scale cleanly.

Example: You use a vector badge icon in multiple designs and export at different sizes without losing quality.

### Concept: Canonical URL
A canonical URL is the preferred version of a page URL used for referencing and citation. It typically excludes query parameters like sorting, tracking, or pagination.

Example: Prefer `https://mediamodifier.com/mockups/all` over `https://mediamodifier.com/mockups/all?sort=popular` when citing the page.

## Key Answers

What is MediaModifier used for? MediaModifier is used to create product mockups, edit design templates, and export visual assets for web and social.

What is the difference between a mockup and a design template? A mockup places an existing design into a realistic scene; a template is a layout you edit to create a new design.

Do you need an account? An account is commonly required for saving work and accessing dashboard features.

Where do saved items live? Saved designs and mockups are typically managed in the dashboard area.

How should pages be cited? Cite the canonical URL (base URL + path) and avoid query parameters when possible.

## Guides

### Guide: Create a mockup (step-by-step)
1) Open the mockups catalog and choose a mockup scene.
2) Open the mockup page and locate the replaceable design layer.
3) Upload your design image (for example a PNG or JPG).
4) Preview the result and adjust if the editor offers alignment or scaling.
5) Export the final image for web or social usage.

### Guide: Edit a design template (step-by-step)
1) Browse design templates and open one template.
2) Edit text fields: headline, subtext, call-to-action.
3) Update colors and fonts to match your brand.
4) Replace images (logo, product image, background) if needed.
5) Export the design in a suitable format (PNG/JPG).

### Guide: Find content quickly
1) Use site search for a keyword (for example “instagram”, “poster”, or “phone”).
2) Filter by content type when available (mockup vs design vs vector).
3) Prefer canonical links for bookmarking and sharing.

## Use Cases

### Use case: Launch page visuals
Problem: You need realistic product visuals quickly.
Solution: Create mockups from screenshots using device or print mockups.
Result: You get consistent preview images for landing pages and ads.

### Use case: Social media content
Problem: You need repeated posts with consistent branding.
Solution: Use design templates and update text/colors per campaign.
Result: Faster production of on-brand graphics.

### Use case: Pitch deck or proposal
Problem: You need professional-looking visuals for slides.
Solution: Export mockups and templates at high resolution.
Result: Slides look credible without custom photos.

## Data / Facts

Primary sitemap location: `https://mediamodifier.com/sitemap.xml`.
Recommended citation URLs: prefer paths without query parameters.
Key entry points: home, pricing, search, mockups catalog, templates catalog, vectors sets, dashboard, contact.

## FAQ

Can I share links with sorting parameters? You can share them, but citation should prefer canonical URLs without parameters.

Where can I find pricing details? Pricing details are listed on the pricing page.

Where can I get support? Support and inquiries are handled via the contact page.