FAQ

StudioMotion is an MCP server and theme library at cambouch.com. It gives AI tools like Claude, Cursor, Lovable and ChatGPT agency-grade animated sections and complete website themes — motion graphics, 3D, interface effects and full retail-ready layouts — so the sites you build with AI actually look designed.

Create a free account at cambouch.com, then follow the step-by-step guide at /connect to add the MCP server to your AI tool. Once connected, your assistant can list styles, search sections, fetch complete source code and compose full themes on your behalf.

No. StudioMotion is built for people who build with AI. You describe what you want in plain language, and your AI tool retrieves production-quality code through the MCP server and installs it into your project.

Marketing sites, landing pages, e-commerce storefronts, SaaS sites, portfolios, developer-tool sites, editorial pages and more. The library covers 233 complete themes and 95 animated sections across 37 visual styles.

No. StudioMotion is a design and code library that your AI tool uses. You keep building in Lovable, Claude, Cursor or ChatGPT — StudioMotion supplies the agency-grade design and motion code those tools are missing.

Traditional marketplaces sell static files you adapt yourself. StudioMotion is built for AI workflows: your assistant searches the catalog, fetches full working source through MCP, and adapts colors, fonts and content to your project automatically.

The library currently holds 233 complete themes — including 100 retail themes across ten e-commerce verticals — plus 95 animated sections in 37 visual styles. New designs are added continuously.

Sign up free, connect the MCP server to Lovable or Claude using the /connect guide, then ask your tool for the free hero-split-reveal section. You will have an animated hero running in your project in minutes.

Yes. Every section and theme is built responsive, and motion respects reduced-motion preferences so the experience degrades gracefully on low-end devices.

Yes. The homepage shows live animated examples, the /themes gallery shows every theme with a cover preview, and /catalog lets you browse all styles and sections with live previews — no account needed.

Just a StudioMotion account and an AI tool that supports MCP (Claude, Cursor, Lovable) or Custom GPT Actions (ChatGPT). The connection uses OAuth sign-in — no API keys to copy.

Your account page at cambouch.com/account shows your plan, remaining monthly theme downloads, your purchased themes, usage statistics and every connected OAuth client.

The Free plan includes exactly one complete template (hero-split-reveal) plus the design tokens tool. Every premium section and theme requires a paid plan or a one-time purchase.

Pro is US$49 per month. It unlocks all 95 premium sections and includes five new complete themes per calendar month (UTC), shared across ZIP downloads, MCP and ChatGPT Actions. Themes you have already unlocked can be downloaded again without using a credit.

Yes. Individual themes cost US$39 each through checkout. A purchase gives you that theme permanently, with free repeat downloads, regardless of any subscription.

No. The five new-theme allowance resets at the start of each UTC calendar month and unused credits do not carry over.

You can manage or cancel your subscription from the customer portal linked on the pricing page. If you cancel, you stay Pro until the end of the paid period, then drop back to Free.

Retrieving a theme you have never unlocked before — via ZIP export, MCP compose_theme or ChatGPT Actions — uses one credit. Re-downloading a theme you already unlocked is always free.

Because themes are delivered as instant digital downloads, purchases are generally final. If something is genuinely broken, reach out from your account page and we will make it right.

Pro is per account. Agencies typically give each builder their own Pro account, since connections and download allowances are personal. Contact us from your account page for larger arrangements.

Checkout is handled by Stripe and accepts major cards. The seller is Cambouch, based in Sweden.

Your subscription renews at the price you signed up for unless we notify you in advance of a change. Cancel any time from the customer portal.

Yes. Themes you bought stay yours forever, and Pro adds the monthly allowance and all premium sections on top.

The limit keeps the catalog sustainable while still covering real agency workloads — five new complete sites per month is more than most studios ship. Heavy users can buy additional themes for $39 each.

Claude, Cursor and Lovable connect via MCP. ChatGPT connects as a Custom GPT using the Actions (OpenAPI) adapter. All clients use the same server-validated Free/Pro rules.

Follow the step-by-step guide at /connect — it walks through adding the MCP URL https://cambouch.com/mcp, approving the OAuth sign-in and verifying your plan inside the tool.

No. StudioMotion uses OAuth: you sign in once in your browser and the tool receives its own scoped access token. Never paste your password anywhere, and don't share your session tokens — connections are personal to your account.

Your account page lists every connected OAuth client, and you can revoke any of them with one click. Revoking stops that tool's access immediately.

The MCP endpoint is https://cambouch.com/mcp. It speaks Streamable HTTP with OAuth — paste it into any MCP-compatible client.

Yes. One account works across Lovable, Claude, Cursor and ChatGPT simultaneously. Your plan and theme allowance are shared across all of them.

Yes. Connections use OAuth with scoped tokens, all traffic is over HTTPS, and you can revoke any client instantly from your account page.

OAuth tokens expire. When a tool prompts you to reconnect, approve the sign-in again — it takes seconds and your plan and unlocked themes are untouched.

No. Connections are personal to your account. Each teammate should connect StudioMotion with their own account so allowances and licenses stay correct.

The server receives the tool calls your assistant makes (searches, section requests, theme compositions) — not your whole conversation. See the privacy policy at /privacy for details.

Open Claude's connector settings, add a custom remote connector named StudioMotion, paste https://cambouch.com/mcp, then sign in and approve. Custom connectors depend on your Claude plan and workspace settings.

Claude can list styles, search sections, fetch complete section source code, list all 233 themes and compose a full theme with your brand colors and typography — all through natural language.

Start with: "Use the StudioMotion connector to call get_my_plan and tell me my current access." Then ask for the free hero-split-reveal section to see the full workflow.

Yes. Ask Claude to compose or retrieve a theme and add it to your codebase with its required dependencies. Claude writes the files, wires the styles and adapts the content.

That is the Free plan working correctly. Premium sections and themes appear once your connected account has an active Pro subscription or has purchased the theme.

Open Cursor's MCP settings, add StudioMotion as a remote HTTP MCP server with the URL https://cambouch.com/mcp, then complete the OAuth sign-in and approve access.

Ask Cursor to search sections for the pattern you need (hero, pricing, gallery), fetch the source with get_section, then let it adapt the code to your project's tokens and components.

Yes. With Pro, ask Cursor to call compose_theme with your chosen theme, brand name, colors and typography. The composed result counts against your monthly allowance like any download.

Yes. Agent mode can chain StudioMotion tools — search, fetch, install, adjust — in one flow, which is ideal for building a full page from several sections.

In Lovable, open Connectors, click + and choose MCP server. Name it StudioMotion, paste https://cambouch.com/mcp, keep OAuth authentication, then click Add & authorize and approve the sign-in. The full walkthrough is at /connect.

Ask for the free hero-split-reveal section on your homepage. It is included in Free and shows the full loop: retrieve, install, adapt to your colors.

Yes. Theme ZIP downloads are standalone React + Tailwind packages you can upload into a Lovable project, or you can let Lovable fetch sections directly through the MCP connector.

Ask your workspace admin to enable custom MCP servers in Connectors → Admin settings → Chat connectors. If all remote connectors are disabled, the admin also needs to enable them in Privacy & security.

No. StudioMotion supplies design and code. Publishing stays in Lovable's hands — you publish from your Lovable project as usual.

ChatGPT uses a Custom GPT with OpenAPI Actions rather than the MCP URL. Import the specification from https://cambouch.com/api/public/actions/openapi.json in the GPT editor under Configure → Actions.

Yes. You create a Custom GPT, import the OpenAPI spec, and configure OAuth with a dedicated ChatGPT client using the exact callback URL the GPT editor shows. Full steps are at /connect.

The same core operations as MCP: list styles, search sections, get section code, check your plan, list themes and compose themes — subject to the same Free/Pro rules and monthly allowances.

ChatGPT Custom GPTs speak OpenAPI Actions, not MCP. StudioMotion maintains a dedicated Actions adapter so the Free/Pro gates and theme allowances stay identical across every tool.

ChatGPT generates files and guidance; it does not publish a site for you. You take the composed theme or sections into your own project or a builder like Lovable to ship.

A complete, standalone React + Tailwind package: the theme's colors, typography, sections with full working code and sample content. Upload it into Lovable, hand it to Claude or Cursor, or run it in your own project.

233 complete themes, including 100 retail themes across ten e-commerce verticals (fashion, supplements, athletics, outdoor, beauty, food, home, electronics, kids & pets, art) and a Developer & Tech SaaS collection.

Yes — downloaded themes are meant for building real websites, including for clients. What you may not do is resell or redistribute the source code itself as a competing template or theme product.

No. Retail themes come with realistic fictional sample content (names, products, prices) so pages look complete out of the box. Replace it with your own catalog when you build.

3D and motion-graphics templates use standard browser technologies (WebGL, HTML5 video). Some devices and low-end browsers may limit 3D performance; the code degrades gracefully.

Open the theme in the /themes gallery, customize colors and typography if you like, and download the ZIP. Pro downloads use your monthly allowance; purchased themes are always free to re-download.

Yes. The theme builder lets you set brand colors, typography and section choices, and the live preview updates before you spend a download credit.

A ZIP containing a standalone Vite + React + Tailwind project with the theme's sections, styles and sample content, ready to run or hand to an AI tool.

Yes. A downloaded theme is a normal React project — run it with npm install and npm run dev, or deploy it to any static host.

New designs are added continuously. The gallery shows the newest themes first, so check /themes regularly.

Yes — reach out from your account page with the industry or style you need. Requests directly shape what gets designed next.

A section is one animated building block (a hero, a marquee, a pricing block). A theme is a complete site composition: multiple sections, a color system, typography and sample content.

A section is a complete, animated page block — hero, marquee, gallery, pricing, testimonial, footer and more — delivered as full working source code that your AI tool installs into your project.

The catalog holds 95 premium sections across 37 visual styles, plus the one free section (hero-split-reveal). Browse everything with live previews at /catalog.

Use the search and filters at /catalog, or ask your AI tool to call search_sections with a description like "kinetic typography hero" or "product marquee".

Yes. Every catalog entry has a live animated preview — including 3D and video sections — so you see the motion before spending anything.

Design tokens are the named colors, fonts and spacing values a theme uses. The get_design_tokens tool lets your AI read them so new sections match your existing design exactly.

Yes. Sections are built on tokens, so when your AI tool installs one it can map your brand colors and fonts onto it instead of shipping default styling.

Sections respect reduced-motion preferences and use semantic markup. As with any site, run your own accessibility pass before launch.

Yes — that is the intended workflow. Pick a hero from one style and a gallery from another; the token system keeps them coherent. The theme builder is built for exactly this.

Yes. Building real websites for yourself or clients is exactly what the licenses are for.

No. You may not resell or redistribute the source code itself as a competing template, theme or section product.

You do. The site you ship is yours; the license covers use of the underlying theme and section code in your projects.

A purchased or unlocked theme can be used in your projects, including client work. Distributing the raw source as a product is the one thing off-limits.

No attribution is required on sites you ship.

Absolutely. The code is meant to be adapted — change anything, and let your AI tool help.

MCP (Model Context Protocol) is an open standard that lets AI tools call external tools and data sources. Instead of copy-pasting code, your assistant calls StudioMotion's tools directly and receives structured results.

Because design quality lives in the code, not the prompt. With MCP, your AI retrieves complete, tested, animated source instead of improvising markup — which is why MCP-built pages look designed rather than generated.

Eight tools: list_styles, list_sections, search_sections, get_section, get_design_tokens, get_my_plan, list_themes and compose_theme.

An API is built for developers; MCP is built for AI assistants. MCP describes each tool in language the model understands, so your assistant knows when and how to call it without you writing integration code.

StudioMotion's MCP server uses OAuth, so each tool gets its own scoped token after you approve access in your browser. You can revoke any client from your account page at any time.

No. Browsing tools (list, search, tokens, plan) are free. Only retrieving premium section code or composing a new theme is gated by your plan or purchases.

Yes — MCP is an open protocol. If you want agency-grade design tools without building them, that is exactly what StudioMotion already provides.

It is the modern remote transport for MCP: the client talks to a single HTTPS endpoint (https://cambouch.com/mcp) instead of launching a local process, which is what makes one-click OAuth connections possible.

Yes — with two caveats. AI is excellent at structure, code and iteration, but its default design taste is generic. Pairing an AI builder with a design library like StudioMotion is what closes the gap between 'generated' and 'designed'.

Models converge on safe defaults: the same fonts, the same purple gradients, the same hero-layout-cards-footer pattern. Breaking out requires giving the AI real design material — distinctive sections, motion and a strong token system.

Define the goal and audience first, pick a visual direction (or a theme), then build section by section with specific feedback. Vague prompts produce vague sites; concrete references produce sharp ones.

Start from a strong theme or section library, commit to one typeface pairing and one accent color, use real content early, and add motion deliberately. StudioMotion exists to make the first two steps instant.

Use it for drafts, not finals. AI copy is competent but interchangeable; your headline should say something only you would say. Rewrite the hero and calls to action in your own voice.

Describe the feeling and the reference, not just the defect: 'too corporate, more like a fashion editorial' beats 'make it better'. Point at specific sections and name the quality you want.

Taste, brand judgment, photography and final polish. AI assembles; you curate. The best AI-built sites have a human making the ten decisions that matter.

A landing page: an afternoon. A full marketing site: a few days of iteration. An e-commerce storefront with real products: a week or two. The design library you start from is the biggest speed factor.

No — it is how professional studios work. Agencies start from proven systems and customize. A theme plus AI customization gives you agency process at solo-builder speed.

Use optimized images, avoid autoplaying heavy video above the fold, keep 3D to one showcase per page and test on a real phone. StudioMotion sections are built with these constraints in mind.

Content. Even rough real content exposes what the design must do. Themes with realistic sample content (like StudioMotion's) let you design against something truthful before your final copy exists.

Pick by workflow: Lovable for hosted full-stack apps, Cursor for code-first control, Claude for reasoning-heavy builds, ChatGPT for guided generation. StudioMotion connects to all four, so your design library travels with you.

Name the audience, the mood and two or three concrete references ('dark editorial, like a fashion magazine, with oversized type'). Then attach real design material — a StudioMotion theme or section — so the AI has something excellent to work from.

Describe the message first, the motion second: 'A hero for a running-shoe brand. Headline about speed. Bold kinetic type that reveals on load, lime accent on black.' Then fetch a proven hero via StudioMotion instead of asking the AI to invent one.

Give the AI a token system — named colors, fonts and spacing — and insist every new section uses it. StudioMotion's get_design_tokens tool exists for exactly this.

Because they are statistically safe in training data. Ban them explicitly, name your actual palette in hex, and provide sections that already embody your direction.

Specific about intent, loose about implementation. 'An editorial product grid with generous whitespace and a hover reveal' gives the AI room; pixel-dictating every margin does not.

Yes, but describe the feeling: 'headline that assembles letter by letter', 'products that drift in on scroll'. For complex motion, retrieve a tested animated section rather than asking the AI to write physics from scratch.

With StudioMotion connected: 'List StudioMotion themes and recommend one for a specialty coffee brand, then compose it with my brand name, a warm cream palette and a serif display face.' One prompt, full theme.

Replace the generic hero with a distinctive animated one, set a real type pairing, add one signature motion moment, and delete every gradient you did not choose. Small surgical swaps beat a full rebuild.

Restraint and rhythm: one type system, one accent color used with intent, consistent spacing, real photography, and motion that guides attention instead of decorating. Professional design is mostly what you leave out.

The hero. Visitors decide in seconds whether to stay, so the hero must say what you offer, to whom, and why it matters — with one clear action. Everything else is supporting evidence.

Two: one for display (headlines) and one for body text. Three is the absolute maximum. A single well-paired family set beats a drawer full of typefaces.

A background, a text color, one accent, and neutrals. The accent should be rare enough that it always means something — a button, a link, a highlight.

Whitespace is the empty space between elements, and it is what makes design feel expensive. Crowded layouts read as cheap regardless of how nice the components are. When in doubt, double the spacing.

The order in which the eye reads a page, controlled by size, weight, color and position. Every page should have one obvious most-important thing; if everything shouts, nothing is heard.

A shared set of tokens (colors, fonts, spacing) and components (buttons, cards, sections) used consistently across a site. It is what makes ten pages feel like one product.

Generous spacing, confident typography, a disciplined palette, fast load times, and motion with intent. Premium is a feeling of care — nothing accidental, nothing generic.

Too many fonts, too many colors, walls of centered text, stock-photo clichés, carousels nobody asked for, and motion that slows the page instead of guiding the eye.

As long as it takes to convince, and not a screen more. For most products that is a hero, proof, three to five supporting sections and a final call to action.

Match your brand and content. Dark suits dramatic, technical and luxury brands; light suits editorial, wellness and most retail. Commit fully — half-dark sites look broken, not balanced.

The part of the page visible before scrolling. It matters enormously: it carries your entire first impression. Put your sharpest headline, strongest visual and primary action there.

Start with your brand's personality, pick one accent color that expresses it, then build neutrals around it. Test the accent on buttons and links — if calls to action pop without shouting, you have it right.

Electric lime, signal orange and vivid blue all read as modern and technical on dark backgrounds. The specific hue matters less than using exactly one, consistently.

Body text needs a contrast ratio of at least 4.5:1 against its background (3:1 for large text). Check your accent on both light and dark surfaces — bright accents often fail on white.

Usually no. Brand colors work hardest as accents. A full-strength brand-color background exhausts the eye and leaves you nowhere to go for emphasis.

The one that contrasts most with its surroundings — there is no universal 'best converting color'. A lime button wins on a black site and disappears on a lime one.

Three to five: page background, card background, borders, muted text, body text. Define them once as tokens and never invent a new gray mid-project.

A classic interior-design ratio that works on the web: roughly 60% dominant neutral, 30% secondary surface color, 10% accent. It keeps palettes disciplined without feeling empty.

Use a rich near-black (not pure #000), keep text slightly off-white, and give your accent real saturation. Dark themes live or die on contrast discipline.

Yes, deliberately: one signature gradient as a brand device is memorable; gradients on every card are wallpaper. If your AI builder added them by default, that is a sign to take control of the palette.

Squint test: blur your eyes and check that the hierarchy still reads. Then view the page on a phone in daylight. If the accent still guides you to the action, the palette works.

Pick a display face with personality for headlines and a highly legible face for body text. The pair should contrast in character — a bold geometric display with a neutral sans, or an elegant serif with a clean grotesque.

A serif display with a sans body (editorial), a geometric sans display with a humanist body (friendly tech), or one superfamily used at different weights (minimal). Contrast with harmony is the goal.

16–18px on desktop, never below 16px on mobile, with a line height around 1.5–1.7. Small body text is the single most common readability failure on the web.

45–75 characters per line. Longer lines tire the eye; shorter ones feel choppy. Constrain text columns with max-width, not with small font sizes.

Only if your brand voice is loud and confident — uppercase adds volume but slows reading. For most brands, sentence case with a strong weight is sharper.

A fixed set of font sizes with a consistent ratio between steps (e.g. 12, 14, 16, 20, 24, 32, 48, 64). Using a scale keeps hierarchy coherent; inventing sizes ad hoc is how pages end up with nine nearly identical headings.

Yes — many of the best web typefaces are open source. What separates amateur from professional typography is not price but sizing, spacing and restraint.

Two or three. Every weight is a download; regular, medium and bold cover nearly every need. Use weight for hierarchy instead of adding more sizes.

The space between characters. Tighten it slightly on very large headlines (-1% to -3%) and widen it on small uppercase labels (+5% to +12%). Body text almost never needs adjusting.

Indirectly but truly: legible, confident typography builds trust and keeps people reading, and reading is what converts. Decorative type in body copy measurably hurts comprehension.

A 12-column grid with a max content width around 1200px covers nearly every layout. The grid is scaffolding — what matters is that everything aligns to something.

Far more than feels natural: 96–160px between major sections on desktop. Sections that breathe read as premium; cramped sections read as templates.

No. Centered layouts suit heroes and calls to action; left-aligned text is easier to read for everything else. Sites that center every paragraph feel like wedding invitations.

Hero, social proof, problem, solution, three benefits, proof again, pricing or offer, FAQ, final call to action. It is a persuasion arc, not a decoration exercise.

Cap the main container near 1200px and text columns near 65–75 characters. Full-bleed is for images and heroes, not paragraphs.

A layout that deliberately breaks the grid — overlapping images, offset columns. Use it for editorial and portfolio work where surprise is the point; keep commerce and SaaS layouts predictable.

Design mobile first: single column, stacked sections, thumb-sized tap targets, and the same hierarchy as desktop. Every StudioMotion section is built responsive for this reason.

A card grid of mixed sizes, popularized by Apple keynotes. Great for feature showcases; terrible for long-form content. Use one per page, not five.

Give cards equal heights within a row, align text baselines where possible, and let images share aspect ratios. Misalignment reads as sloppiness even when visitors cannot name it.

Almost never for content that matters — most visitors never see slide two. If you need to show many items, use a grid or a horizontal scroll strip with visible overflow.

Motion is how a page directs attention and expresses personality. A headline that assembles itself, a product that responds to the cursor — these are the details that make a site feel crafted rather than assembled.

If everything moves, nothing stands out. One signature motion moment per viewport is a good rule; the rest should be subtle transitions under 300ms.

Hero reveal on load, scroll-triggered section entrances, hover states on interactive elements, and smooth page transitions. Master those four before reaching for anything exotic.

The choreographed entrance of your headline, image and call to action when the page loads — words sliding up, letters assembling, images unmasking. It is the single highest-impact animation on any site.

Animations that play as elements enter the viewport. They reward scrolling and pace the story. Keep them snappy — content that fades in too slowly feels broken, not elegant.

Animated type: words that slide, reveal, scatter or assemble. It is the fastest way to make a headline unforgettable, and it is a StudioMotion specialty.

Load animations yes, ambient loops sparingly. Anything that loops forever should be calm enough to ignore — a drifting gradient, not a bouncing button.

Easing is how an animation accelerates and decelerates. Ease-out (fast start, gentle stop) feels responsive; linear motion feels robotic. Easing is the difference between animation and choreography.

Provide a calm alternative when the user's OS requests reduced motion: instant or gently faded transitions instead of movement. All StudioMotion sections ship with reduced-motion support built in.

They can. Animate transform and opacity (GPU-friendly), avoid animating layout properties like width and top, and lazy-load heavy 3D or video below the fold.

A horizontally scrolling strip of text or logos. Used once — for a client logo strip or a brand statement — it adds energy; used everywhere it becomes noise.

A confident hero reveal. It is the first thing anyone sees, it signals craft immediately, and it costs less performance than almost any other showpiece.

If your product benefits from being seen in space — physical products, architecture, fashion, tech hardware — one 3D showcase is a genuine differentiator. If not, strong 2D motion beats gratuitous 3D.

The browser technology that renders GPU-accelerated 3D graphics without plugins. Libraries like Three.js and React Three Fiber build on it — which is what StudioMotion's 3D sections use.

It can. Keep 3D to one scene per page, lazy-load it when it scrolls near the viewport, simplify geometry, and always provide a static poster fallback for weak devices.

Use React Three Fiber with a lit, rotatable model and constrained controls. StudioMotion's 3D sections include interaction instructions you can adapt — or ask your AI tool to fetch one via MCP.

Older phones, low-end laptops and battery-saver modes. Good 3D sections detect constraints and degrade to a beautiful static image rather than stuttering.

Neutral — search engines index text, not scenes. Make sure the content around your 3D moment carries the message in real HTML text.

A single hero or product showcase that responds to the cursor. It creates an instant 'how did they do that' moment without asking the visitor to learn anything.

Yes, but 3D is where AI-generated code most often breaks. Retrieving a tested 3D section (StudioMotion has several) is far more reliable than asking a model to write a scene from scratch.

Because roughly one in six people live with a disability, because accessible sites rank and convert better, and because in many markets it is a legal requirement. Accessibility is quality, not charity.

Sufficient color contrast, keyboard-navigable interfaces, alt text on meaningful images, visible focus states, semantic HTML, and respect for reduced-motion preferences.

WCAG AA requires 4.5:1 for body text and 3:1 for large text and UI components. Check your accent color on every background it touches.

Motion can trigger vestibular disorders (dizziness, nausea). Honor the prefers-reduced-motion setting with calm alternatives — StudioMotion sections do this out of the box.

On every meaningful image, yes: describe what the image conveys, not what it literally is. Decorative images should have empty alt attributes so screen readers skip them.

Using elements that describe their role — header, nav, main, button — instead of generic divs. It is how screen readers, search engines and AI tools understand your page.

Tab through your entire site with a keyboard, run an automated checker, and test with a screen reader on your key flows. Automated tools catch about a third of issues — the rest need humans.

Yes, when contrast is managed. Watch for pure white on pure black (halation) and for accent colors that pass on dark but fail when reused on light surfaces.

The visible outline showing which element has keyboard focus. Never remove it without replacing it — it is the only way keyboard users know where they are.

Yes. Semantic structure, alt text, fast rendering and clear hierarchy are exactly what search engines reward. Accessible sites are simply better-built sites.

Every second of load time costs you visitors and rankings. Google uses Core Web Vitals as a ranking signal, and users abandon slow pages before your design ever gets a chance.

Google's three experience metrics: LCP (largest content loads within 2.5s), INP (page responds to input within 200ms) and CLS (layout does not jump around). Aim for green on all three.

Unoptimized images, autoplaying video above the fold, too many fonts, heavy JavaScript, and render-blocking third-party scripts — in that order, most of the time.

Serve modern formats (WebP/AVIF), size them to their display dimensions, lazy-load everything below the fold, and never upload a 4000px photo to display at 400px.

Poorly built ones do. Animate transform and opacity, defer heavy scenes until they approach the viewport, and keep the hero light — StudioMotion sections follow these rules.

Two families, two or three weights total, with font-display: swap. Every additional weight is render time your visitor pays for.

Loading resources only when they are needed — images and 3D scenes as they approach the viewport, heavy components after hydration. It is the single easiest performance win on media-rich pages.

Run PageSpeed Insights on your real URL and test on a mid-range phone over cellular, not just your fiber connection. Lab scores flatter; field experience is what ranks.

Sparingly. A short, muted, compressed loop can be stunning in a hero; anything longer or with audio is a performance and accessibility liability. Always provide a poster image.

Under 1MB for a landing page is excellent; under 2MB is acceptable for media-rich pages. Many AI-built sites ship 10MB+ of unoptimized assets — do not be one of them.

Absolutely — Google ranks pages, not processes. What matters is unique, useful content, clean semantic HTML, fast load times and real expertise. AI is the builder; the strategy is still yours.

A unique title and meta description per page, one H1 that says what the page is, semantic structure, fast loading, mobile-friendliness, a sitemap, and content that actually answers what people search for.

Google penalizes unhelpful content, however it is made. Mass-produced generic pages fail; AI-assisted pages with real insight, real data and real editing rank fine.

Lead with the keyword people search, add what makes you different, stay under ~60 characters. 'Agency-Grade Web Themes for AI Builders — StudioMotion' beats 'Home'.

The snippet under your title in search results. It does not directly rank, but it sells the click — write it like ad copy, under ~160 characters.

Core Web Vitals are a confirmed ranking signal, and speed shapes whether visitors stay long enough to convert. Beautiful and slow loses to good and fast.

Machine-readable markup (JSON-LD) that tells search engines what your content is — a product, an FAQ, an organization. It powers rich results and helps AI answer engines quote you correctly.

Submit your sitemap in Google Search Console, make sure robots.txt allows crawling, and earn a few links from sites that already get crawled. New domains take patience.

Yes — a thorough FAQ targets long-tail questions people actually type, and FAQ structured data makes your answers eligible for rich results and AI answer engines. That is exactly why this page exists.

Building pages nobody searches for. Check what people actually ask before writing, then answer it better than anyone else. Ten useful pages beat a hundred thin ones.

Three to six months for a new domain to gain traction on competitive terms; long-tail questions can rank in weeks. SEO compounds — start now, publish consistently.

Only if you can publish genuinely useful answers in your niche. A blog of AI-filler hurts more than no blog. Ten definitive guides beat fifty posts of mush.

One audience, one promise, one action. A headline that names the outcome, proof that you deliver it, and a call to action that is impossible to miss — repeated, not multiplied.

Describe what happens next, not the mechanism: 'Get the theme' beats 'Submit'. First person often lifts clicks ('Start my free trial') because it frames the action as the visitor's.

One goal, many placements. Repeat the same primary action after each major section; adding different competing actions splits attention and lowers all of them.

Evidence that others trust you — testimonials, logos, numbers, reviews. Place it immediately after your boldest claim, because that is exactly where doubt appears.

Long enough to answer every objection, short enough to stay sharp. Cheap impulse offers convert on short pages; considered purchases need the full argument.

Confusion. If a visitor cannot tell within five seconds what you offer, who it is for and what to do next, no amount of design polish will save the page.

They work on metrics and against goodwill. If you use one, make it genuinely valuable, easy to dismiss, and never show it before the visitor has seen your actual page.

Name the outcome your visitor wants, in their words, with a specific edge: 'Agency-grade websites from your AI tool' beats 'Welcome to our platform'. Clarity converts; cleverness decorates.

For landing pages, 2–5% is typical, 10%+ is excellent — but benchmark against your own history, not averages. Improve the page, measure, repeat.

Once you have enough traffic to reach significance (usually thousands of visits per variant), yes. Before that, your time is better spent on obvious improvements and talking to users.

Product photography that does the selling, prices that are easy to find, trust signals near the buy button, and a checkout with zero surprises. Design's job in commerce is to remove doubt, not to show off.

Homepage, category/collection pages, product pages, cart, checkout, about, contact, shipping & returns, and a privacy policy. Get those right before adding anything clever.

Large, zoomable photography from several angles; a scannable description; clear price and availability; reviews; delivery and returns info near the button; and one obvious add-to-cart action.

It is the single biggest conversion factor in e-commerce. Customers cannot touch the product, so the photos must. Budget for photography before you budget for animation.

No — Amazon wins on logistics, not design. Independent stores win on brand: a distinctive look, a point of view, and an experience worth remembering. That is where themed design pays for itself.

Real photography, clear policies, visible contact information, honest product details, secure checkout badges, and reviews as soon as you have them. Trust is accumulated in details.

Hero with your strongest product or collection, featured categories, bestsellers, brand story, social proof, and a newsletter or offer at the end. Lead with product, not with your mission statement.

Enough that each category feels intentional — often 8–20 well-presented products beat 200 neglected ones. Depth of presentation beats breadth of catalog for new stores.

You need a plan for them: follow-up emails, incentives for early buyers, seeding from beta customers. Launching without reviews is fine; staying without them is not.

Cards at minimum, plus the wallets your audience uses (Apple Pay, Google Pay, PayPal). Every missing payment method is a measurable slice of abandoned checkouts.

Show total costs early, offer guest checkout, keep the form short, display trust signals, and send a recovery email. Surprise shipping costs at the last step are the number one killer.

AI can build the storefront, structure the catalog and write draft copy — with a theme library like StudioMotion it can do so at agency quality. Product photography, pricing strategy and fulfillment remain yours.

Aim for a editorial and confident feel. A strong starting palette is warm neutrals with one sharp accent — think bone, ink and a single saturated hue, and typography works best as an elegant serif for headlines with a clean sans for body. StudioMotion's retail themes include complete fashion & apparel compositions (like Threadline) you can start from.

Use a full-bleed editorial image or motion sequence with a short, attitude-led headline. The hero sets the entire tone — invest there first and let the rest of the page support it.

Full-look photography on models, consistent lighting, and detail shots of fabric and construction. Photography is your biggest conversion lever in this category — budget for it before anything decorative.

Lead with clear size guides, easy returns, fabric and care details, and real customer photos. In this vertical, trust details sit closer to the buy button than in almost any other.

Start from warm neutrals with one sharp accent — think bone, ink and a single saturated hue. Keep the accent rare so it always means action, and test contrast on both light and dark surfaces.

Use an elegant serif for headlines with a clean sans for body. The pairing should carry the brand's personality in headlines while staying invisible and effortless in body text.

The classic mistake is hiding the clothes behind effects — fashion buyers buy the garment, and everything else is frame. Get the fundamentals right first; effects and motion should amplify the product, never compete with it.

Plan for it: refresh hero imagery per drop or season; returning visitors should always see something new. A theme system makes these refreshes cheap because the structure stays while the content moves.

Yes — connect StudioMotion to your AI tool, ask for a fashion & apparel retail theme, and the AI composes a complete storefront with realistic sample products you then replace with your own catalog.

Homepage, collection pages, product pages, cart and checkout, about, shipping & returns, and contact. In this vertical, add a strong story or guide page — it is what separates a brand from a listing.

Aim for a clean, scientific and reassuring feel. A strong starting palette is fresh, clinical lightness — whites and soft greens or ambers with one energizing accent, and typography works best as a precise geometric sans that reads as modern and trustworthy. StudioMotion's retail themes include complete vitamins & supplements compositions (like Vitalform) you can start from.

Use a bright, benefit-led hero that names the outcome (energy, sleep, focus) in plain words. The hero sets the entire tone — invest there first and let the rest of the page support it.

Crisp product renders or photography on clean backgrounds, plus ingredient and lifestyle imagery. Photography is your biggest conversion lever in this category — budget for it before anything decorative.

Lead with ingredient transparency, certifications, third-party testing, dosage clarity and real reviews. In this vertical, trust details sit closer to the buy button than in almost any other.

Start from fresh, clinical lightness — whites and soft greens or ambers with one energizing accent. Keep the accent rare so it always means action, and test contrast on both light and dark surfaces.

Use a precise geometric sans that reads as modern and trustworthy. The pairing should carry the brand's personality in headlines while staying invisible and effortless in body text.

The classic mistake is overclaiming — health-adjacent copy must stay honest and compliant, or trust collapses. Get the fundamentals right first; effects and motion should amplify the product, never compete with it.

Plan for it: lean into January resets and seasonal wellness moments with dedicated landing sections. A theme system makes these refreshes cheap because the structure stays while the content moves.

Yes — connect StudioMotion to your AI tool, ask for a vitamins & supplements retail theme, and the AI composes a complete storefront with realistic sample products you then replace with your own catalog.

Homepage, collection pages, product pages, cart and checkout, about, shipping & returns, and contact. In this vertical, add a strong story or guide page — it is what separates a brand from a listing.

Aim for a high-energy and motivational feel. A strong starting palette is high contrast — black or deep charcoal with an electric accent like lime or orange, and typography works best as a bold condensed display face that feels like a scoreboard. StudioMotion's retail themes include complete gym & athletics compositions (like Ironpulse) you can start from.

Use a kinetic, motion-led hero — moving type or an action loop that feels like momentum. The hero sets the entire tone — invest there first and let the rest of the page support it.

Action photography with real effort and sweat, plus sharp product shots of the gear itself. Photography is your biggest conversion lever in this category — budget for it before anything decorative.

Lead with durability proof, athlete endorsements, performance specs and hassle-free returns. In this vertical, trust details sit closer to the buy button than in almost any other.

Start from high contrast — black or deep charcoal with an electric accent like lime or orange. Keep the accent rare so it always means action, and test contrast on both light and dark surfaces.

Use a bold condensed display face that feels like a scoreboard. The pairing should carry the brand's personality in headlines while staying invisible and effortless in body text.

The classic mistake is stock-photo fitness models — authenticity is the entire currency of this category. Get the fundamentals right first; effects and motion should amplify the product, never compete with it.

Plan for it: build campaigns around New Year, summer and event seasons with fresh hero content. A theme system makes these refreshes cheap because the structure stays while the content moves.

Yes — connect StudioMotion to your AI tool, ask for a gym & athletics retail theme, and the AI composes a complete storefront with realistic sample products you then replace with your own catalog.

Homepage, collection pages, product pages, cart and checkout, about, shipping & returns, and contact. In this vertical, add a strong story or guide page — it is what separates a brand from a listing.

Aim for a rugged, spacious and honest feel. A strong starting palette is earthy tones — forest, stone, sand — with a high-visibility accent pulled from safety gear, and typography works best as a sturdy grotesque that feels engineered, paired with a readable body sans. StudioMotion's retail themes include complete outdoor & adventure compositions (like Northtrail) you can start from.

Use a cinematic landscape hero where the product appears in its natural habitat. The hero sets the entire tone — invest there first and let the rest of the page support it.

Real landscape photography with the gear in use — weather, terrain and scale included. Photography is your biggest conversion lever in this category — budget for it before anything decorative.

Lead with technical specifications, weatherproofing proof, warranty terms and field-tested stories. In this vertical, trust details sit closer to the buy button than in almost any other.

Start from earthy tones — forest, stone, sand — with a high-visibility accent pulled from safety gear. Keep the accent rare so it always means action, and test contrast on both light and dark surfaces.

Use a sturdy grotesque that feels engineered, paired with a readable body sans. The pairing should carry the brand's personality in headlines while staying invisible and effortless in body text.

The classic mistake is making it too polished — outdoor customers trust gear that looks used, not airbrushed. Get the fundamentals right first; effects and motion should amplify the product, never compete with it.

Plan for it: align collections with hiking, ski and camping seasons; lead each with expedition-style storytelling. A theme system makes these refreshes cheap because the structure stays while the content moves.

Yes — connect StudioMotion to your AI tool, ask for a outdoor & adventure retail theme, and the AI composes a complete storefront with realistic sample products you then replace with your own catalog.

Homepage, collection pages, product pages, cart and checkout, about, shipping & returns, and contact. In this vertical, add a strong story or guide page — it is what separates a brand from a listing.

Aim for a soft, sensorial and refined feel. A strong starting palette is skin-adjacent neutrals — cream, blush, taupe — with a luminous accent, and typography works best as a graceful serif display with an airy sans for body text. StudioMotion's retail themes include complete beauty & skincare compositions (like Lumiskin) you can start from.

Use a calm, tactile hero with texture imagery and a promise phrased as a feeling. The hero sets the entire tone — invest there first and let the rest of the page support it.

Macro texture shots, ingredient close-ups, and diverse real skin — retouched lightly, honestly. Photography is your biggest conversion lever in this category — budget for it before anything decorative.

Lead with full ingredient lists, dermatologist testing, before-and-after honesty and shade/undertone guidance. In this vertical, trust details sit closer to the buy button than in almost any other.

Start from skin-adjacent neutrals — cream, blush, taupe — with a luminous accent. Keep the accent rare so it always means action, and test contrast on both light and dark surfaces.

Use a graceful serif display with an airy sans for body text. The pairing should carry the brand's personality in headlines while staying invisible and effortless in body text.

The classic mistake is over-retouching — modern beauty buyers punish unrealistic skin imagery. Get the fundamentals right first; effects and motion should amplify the product, never compete with it.

Plan for it: build rituals into the site — morning/evening routines, seasonal skin needs — to drive bundles. A theme system makes these refreshes cheap because the structure stays while the content moves.

Yes — connect StudioMotion to your AI tool, ask for a beauty & skincare retail theme, and the AI composes a complete storefront with realistic sample products you then replace with your own catalog.

Homepage, collection pages, product pages, cart and checkout, about, shipping & returns, and contact. In this vertical, add a strong story or guide page — it is what separates a brand from a listing.

Aim for a warm, appetizing and generous feel. A strong starting palette is appetite-friendly warmth — cream, caramel, deep green or terracotta, and typography works best as a characterful serif or hand-drawn accent for display, grounded by a simple sans. StudioMotion's retail themes include complete food & drink compositions (like Ember & Oak) you can start from.

Use a mouth-watering hero where the product is the undisputed star, with origin or craft as the story. The hero sets the entire tone — invest there first and let the rest of the page support it.

Hero shots of the product being enjoyed — steam, pour, crumb — shot in natural light. Photography is your biggest conversion lever in this category — budget for it before anything decorative.

Lead with ingredient sourcing, allergen clarity, production story and subscription flexibility. In this vertical, trust details sit closer to the buy button than in almost any other.

Start from appetite-friendly warmth — cream, caramel, deep green or terracotta. Keep the accent rare so it always means action, and test contrast on both light and dark surfaces.

Use a characterful serif or hand-drawn accent for display, grounded by a simple sans. The pairing should carry the brand's personality in headlines while staying invisible and effortless in body text.

The classic mistake is generic stock food photography — nothing kills appetite like a photo that is not your product. Get the fundamentals right first; effects and motion should amplify the product, never compete with it.

Plan for it: rotate limited editions and seasonal flavors into the hero to create urgency and ritual. A theme system makes these refreshes cheap because the structure stays while the content moves.

Yes — connect StudioMotion to your AI tool, ask for a food & drink retail theme, and the AI composes a complete storefront with realistic sample products you then replace with your own catalog.

Homepage, collection pages, product pages, cart and checkout, about, shipping & returns, and contact. In this vertical, add a strong story or guide page — it is what separates a brand from a listing.

Aim for a calm, curated and aspirational feel. A strong starting palette is quiet, architectural neutrals with one warm material accent — oak, brass, clay, and typography works best as a refined serif for headlines with generous spacing, paired with a neutral sans. StudioMotion's retail themes include complete home & living compositions (like Hearthform) you can start from.

Use a serene room-scene hero that sells the feeling of the home, not just the object. The hero sets the entire tone — invest there first and let the rest of the page support it.

Room-scene photography showing products in lived-in, believable spaces, plus material close-ups. Photography is your biggest conversion lever in this category — budget for it before anything decorative.

Lead with dimensions and materials in detail, delivery and assembly clarity, and a fair returns policy. In this vertical, trust details sit closer to the buy button than in almost any other.

Start from quiet, architectural neutrals with one warm material accent — oak, brass, clay. Keep the accent rare so it always means action, and test contrast on both light and dark surfaces.

Use a refined serif for headlines with generous spacing, paired with a neutral sans. The pairing should carry the brand's personality in headlines while staying invisible and effortless in body text.

The classic mistake is showing products without context — furniture sells when people can imagine it in their room. Get the fundamentals right first; effects and motion should amplify the product, never compete with it.

Plan for it: refresh scenes with seasonal light and textiles; small styling changes keep the catalog alive. A theme system makes these refreshes cheap because the structure stays while the content moves.

Yes — connect StudioMotion to your AI tool, ask for a home & living retail theme, and the AI composes a complete storefront with realistic sample products you then replace with your own catalog.

Homepage, collection pages, product pages, cart and checkout, about, shipping & returns, and contact. In this vertical, add a strong story or guide page — it is what separates a brand from a listing.

Aim for a precise, confident and future-facing feel. A strong starting palette is dark technical surfaces with a single electric accent — or crisp white with one bold hue, and typography works best as a technical grotesque or mono-accented pairing that feels engineered. StudioMotion's retail themes include complete electronics & gear compositions (like Circuitlab) you can start from.

Use a dramatic product hero — dark stage, single light source, one spec-led headline. The hero sets the entire tone — invest there first and let the rest of the page support it.

Studio product photography with dramatic lighting, exploded views and interface close-ups. Photography is your biggest conversion lever in this category — budget for it before anything decorative.

Lead with full specifications, comparison tables, warranty terms and genuine performance benchmarks. In this vertical, trust details sit closer to the buy button than in almost any other.

Start from dark technical surfaces with a single electric accent — or crisp white with one bold hue. Keep the accent rare so it always means action, and test contrast on both light and dark surfaces.

Use a technical grotesque or mono-accented pairing that feels engineered. The pairing should carry the brand's personality in headlines while staying invisible and effortless in body text.

The classic mistake is vague marketing copy — tech buyers want numbers, and vagueness reads as weakness. Get the fundamentals right first; effects and motion should amplify the product, never compete with it.

Plan for it: build launch-style pages for new releases; the keynote format works because it builds desire. A theme system makes these refreshes cheap because the structure stays while the content moves.

Yes — connect StudioMotion to your AI tool, ask for a electronics & gear retail theme, and the AI composes a complete storefront with realistic sample products you then replace with your own catalog.

Homepage, collection pages, product pages, cart and checkout, about, shipping & returns, and contact. In this vertical, add a strong story or guide page — it is what separates a brand from a listing.

Aim for a joyful, warm and trustworthy feel. A strong starting palette is friendly, optimistic color — soft primaries or warm pastels with one playful accent, and typography works best as a rounded, approachable display face with a highly legible body font. StudioMotion's retail themes include complete kids & pets compositions (like Paws & Play) you can start from.

Use a warm, joyful hero that shows the product making a kid or pet genuinely happy. The hero sets the entire tone — invest there first and let the rest of the page support it.

Real moments — kids actually playing, pets being themselves — over staged perfection. Photography is your biggest conversion lever in this category — budget for it before anything decorative.

Lead with safety certifications, materials transparency, age guidance and parent/pet-owner reviews. In this vertical, trust details sit closer to the buy button than in almost any other.

Start from friendly, optimistic color — soft primaries or warm pastels with one playful accent. Keep the accent rare so it always means action, and test contrast on both light and dark surfaces.

Use a rounded, approachable display face with a highly legible body font. The pairing should carry the brand's personality in headlines while staying invisible and effortless in body text.

The classic mistake is designing for the child instead of the buyer — parents and owners hold the card, so reassure them. Get the fundamentals right first; effects and motion should amplify the product, never compete with it.

Plan for it: lean into holidays and gifting seasons with gift guides and bundle sections. A theme system makes these refreshes cheap because the structure stays while the content moves.

Yes — connect StudioMotion to your AI tool, ask for a kids & pets retail theme, and the AI composes a complete storefront with realistic sample products you then replace with your own catalog.

Homepage, collection pages, product pages, cart and checkout, about, shipping & returns, and contact. In this vertical, add a strong story or guide page — it is what separates a brand from a listing.

Aim for a expressive, craft-led and personal feel. A strong starting palette is a gallery-neutral base letting the work provide the color, with one signature accent, and typography works best as an expressive display face with real character, balanced by a quiet body font. StudioMotion's retail themes include complete art & hobbies compositions (like Studio Verde) you can start from.

Use a gallery-style hero that treats the products or work as art in itself. The hero sets the entire tone — invest there first and let the rest of the page support it.

Process photography — hands, tools, works in progress — alongside finished pieces. Photography is your biggest conversion lever in this category — budget for it before anything decorative.

Lead with quality and materials detail, artist stories, and clear shipping for fragile items. In this vertical, trust details sit closer to the buy button than in almost any other.

Start from a gallery-neutral base letting the work provide the color, with one signature accent. Keep the accent rare so it always means action, and test contrast on both light and dark surfaces.

Use an expressive display face with real character, balanced by a quiet body font. The pairing should carry the brand's personality in headlines while staying invisible and effortless in body text.

The classic mistake is over-designing — in this category the work is the design, and the site should be its frame. Get the fundamentals right first; effects and motion should amplify the product, never compete with it.

Plan for it: tie collections to creative seasons and gift moments; workshops and tutorials drive loyalty. A theme system makes these refreshes cheap because the structure stays while the content moves.

Yes — connect StudioMotion to your AI tool, ask for a art & hobbies retail theme, and the AI composes a complete storefront with realistic sample products you then replace with your own catalog.

Homepage, collection pages, product pages, cart and checkout, about, shipping & returns, and contact. In this vertical, add a strong story or guide page — it is what separates a brand from a listing.

A headline that names the outcome, a product screenshot or live demo above the fold, social proof from recognizable users, and pricing that is easy to find. SaaS buyers compare — make comparison easy and honest.

Technical and credible: dark themes, mono accents, real code samples, and documentation one click away. Developers detect marketing fluff instantly — show the product working.

A working code sample or terminal-style animation with a one-line promise. StudioMotion's Developer Tools collection (forge-terminal, sdk-laboratory) is built exactly for this.

Real, syntax-highlighted, copyable snippets that actually run. Fake code is instantly obvious to the audience you are courting.

Yes — a public changelog signals momentum and respect for users. An interactive, well-designed changelog (like StudioMotion's release-log theme) turns maintenance into marketing.

Documentation quality, uptime transparency, real benchmarks, named customers, and a team page with actual humans. Technical buyers research deeply before they commit.

Design is your differentiation — most dev tools look identical. A distinctive, motion-rich site tells developers you care about craft, which implies the product is crafted too.

Homepage, features or product, pricing, docs, changelog, about, and a comparison or alternatives page if you have competitors. Each should target the searches your buyers actually make.

Almost always yes for self-serve products. Hidden pricing reads as 'expensive', and the buyers who would talk to sales will still talk to sales.

Lead with shipped work and what it does, not job titles. A distinctive personal site (StudioMotion's maker-profile theme is one approach) is itself proof of your abilities.

Curation and point of view. Six excellent projects with real case-study thinking beat thirty thumbnails. The portfolio itself is your first exhibit — its design is evidence.

Four to eight, chosen for range and relevance to the work you want next. Depth per project — problem, process, outcome — matters more than count.

Match the work. Designers of interfaces benefit from restraint that lets screenshots breathe; motion designers and art directors should let the site itself perform.

The brief, your role, the constraints, two or three key decisions with reasoning, the outcome, and what you learned. Hiring managers read for judgment, not just visuals.

Yes. A yourname.com signals seriousness and costs less per year than a single client lunch. It is the cheapest credibility upgrade available.

Redesign something real and explain your reasoning, build a concept for a brand you love, or ship a side project. Self-initiated work with strong thinking counts.

A starting-from price filters mismatches and saves everyone time. Exact quotes stay for conversations, but total mystery attracts tire-kickers.

Every time you ship something you are proud of, and at minimum twice a year. A stale portfolio silently tells visitors you are not busy — or not proud.

Five things above all: what you do, where you are, when you are open, how to contact or book, and proof you are good (reviews, photos). Everything else is optional.

The menu readable on a phone without downloading a PDF, the location and hours instantly visible, photography of the actual food and room, and a reservation link that works.

Critical — most local searches happen on phones, often from people already nearby. If your hours, address and phone number are not tappable within seconds, you are losing walk-ins.

Yes — it is the cheapest differentiation in local markets, where competitors' sites are usually ancient. A sharp, fast, well-designed site makes a small business look like the safe choice.

Ranking for 'near me' and city searches: a complete Google Business Profile, consistent name/address/phone everywhere, reviews with responses, and pages that mention your actual location and services.

If competitors offer it and you do not, yes. Frictionless booking converts the intent your site creates; a phone number alone loses the after-hours customer.

Whenever hours, menus or prices change — nothing erodes trust like arriving at a closed door the website swore was open. Seasonal photo refreshes keep it feeling alive.

Yes — describe your business to your AI tool with a StudioMotion theme as the design base, then replace sample content with your real menu, photos and hours. An afternoon, not a month.

The set of associations people carry about you — built from your name, voice, visuals and how consistently you show up. On the web, consistency is the brand.

No. A clean wordmark in a well-chosen typeface carries most young brands further than a mediocre logo. Launch with type; commission the mark when the brand has earned it.

Write down how you would explain your product to a friend, then keep that tone everywhere. The gap between 'how we talk' and 'how the website talks' is where brands feel fake.

The codified atoms of your brand: exact colors, fonts, spacing and radii as named values. Tokens are what let every page — and every AI-generated section — stay on brand automatically.

Ruthlessly. Same buttons, same spacing rhythm, same accent color, same type scale on every page. Consistency reads as competence; drift reads as chaos.

If your site is built on tokens, yes — change the token values and the whole site follows. This is exactly how StudioMotion themes are structured, and why token-based design pays off.

Restraint: fewer fonts, fewer colors, more space, better photography, and copy that says less with more confidence. Premium brands never beg.

Know the category codes, then break one deliberately. Looking exactly like competitors makes you a commodity; ignoring the category entirely makes you confusing.

Say what the visitor gets, in their language, with a specific edge. 'Agency-grade websites from your AI tool' tells me something; 'Welcome to the future of digital excellence' tells me nothing.

As long as it is useful and not a word longer. Headlines under ten words, paragraphs under four lines, and every sentence earning its place.

Benefits in headlines ('Sleep through the night'), features as evidence ('400mg magnesium glycinate'). People buy outcomes; they justify with specs.

Write like you talk to your best customer, then edit out the filler. Third-person corporate voice ('Our solutions leverage…') is the cringe — directness is the cure.

The headline, the first line, the subheads and the button labels. Visitors scan in an F-pattern — put your argument in the scannable layer.

Lead with the outcome, support with specifics, answer the top three doubts (fit, quality, shipping), and keep it scannable. Adjectives sell less than details.

Only if you will publish genuinely useful answers in your niche consistently. A great guide a month beats weekly filler; an abandoned blog is worse than none.

Use AI for structure and first drafts, then rewrite the headline, the opening and the calls to action yourself. Your voice in the high-stakes spots is what readers feel.

The tone your best customers use. B2B buyers forgive playfulness less than consumers do, but everyone forgives clarity. When in doubt, be plainer and warmer.

Tell the true story of why you exist, show the humans, and connect it to what the visitor gets. About pages are among the most visited pages on any site — do not waste them on a mission statement.

That's the Free plan working correctly. Premium sections and themes appear only when your connected account has an active Pro subscription or has purchased the theme.

Sign out and connect again to get a fresh OAuth token, and make sure you're signed in to the same account that holds your plan. The /connect page has per-tool troubleshooting steps.

Composing a new theme uses one of your five monthly Pro downloads. Check your remaining allowance on your account page; already-unlocked themes remain free to retrieve.

Check the /connect guide for your specific tool first. If you're still stuck, reach out from your account page so we can see your connection status.

Your account page shows how many sections and themes you have retrieved this month, your remaining theme allowance, and your connected clients.

On your account page, find the client in the connections list and revoke it with one click. The tool loses access immediately.

Repeat downloads of purchased or unlocked themes are free — sign in with the same account you used at purchase and open the theme from your account library.

Some devices limit WebGL performance. The delivered code degrades gracefully with poster fallbacks; in the gallery, try a desktop browser for the full effect.

Make sure you have a recent Node.js version, then run npm install and npm run dev in the extracted folder. If a dependency error persists, reach out from your account page with the error text.

Contact us from your account page. Deletion removes your account and connections; purchased theme licenses are tied to the account, so download anything you want to keep first.

Pick by workflow: Lovable for hosted full-stack apps you publish instantly, Cursor for code-first control in your own repo, Claude for reasoning-heavy builds and long context, ChatGPT for guided generation. StudioMotion connects to all four, so your design library travels with you.

A chatbot talks; a builder ships. Builders like Lovable and Cursor write files, run code and deploy. Chatbots like Claude and ChatGPT plan, write and retrieve code you then apply. StudioMotion serves both through MCP and Actions.

Many builders use two: one for building (Lovable or Cursor) and one for thinking (Claude or ChatGPT). Because StudioMotion works across all of them with one account, your plan and themes follow you.

None of them alone — models share the same generic design defaults. Design quality comes from the material you give them: a strong theme, real sections, a token system. That is the gap StudioMotion fills.

Yes. A common pattern: plan and generate copy in Claude or ChatGPT, build in Lovable or Cursor, and pull design from StudioMotion in whichever tool you are in. The OAuth connection is per tool, per account.

Building software by describing intent to an AI and iterating on what it produces, rather than writing code yourself. It works best when you supply strong constraints — real content, a design system, and proven components.

Give the AI your design tokens and tell it new sections must use them, ask for changes in small scoped steps, and review diffs before accepting. StudioMotion's get_design_tokens exists so the AI reads your system instead of guessing.

Yes, if the code is conventional: standard frameworks, component structure, tokens instead of one-off values. StudioMotion themes are plain React + Tailwind for exactly this reason — any AI or developer can pick them up later.

Your positioning, your prices, your legal pages, and the final read of anything customers see. AI drafts; you decide. The sites that fail are the ones where nobody made the last judgment call.

Show it to someone for five seconds and ask what the site sells and who it is for. If they cannot answer, the hero fails — no matter how nice the code is.

Bold kinetic typography, dark technical themes with electric accents, editorial serif-and-sans pairings, bento feature grids, scroll-driven storytelling, and 3D product moments. The through-line is confidence: fewer elements, bigger statements.

Raw, confrontational design: system fonts or mono type, hard borders, clashing color, no decoration. It works for brands whose personality is defiance; it is a poor fit for anything that needs to feel reassuring.

Magazine-inspired layouts: strong serif headlines, generous whitespace, asymmetric grids, imagery treated like photography spreads. Excellent for fashion, food, culture and any brand selling taste.

Near-black backgrounds, precise grotesque type, one electric accent, and motion that feels engineered. The default language of developer tools and AI products — StudioMotion's own brand lives here.

As a signature device, yes; as default wallpaper, no. One memorable gradient used consistently is branding; gradients on every card is a template telling on itself.

Frosted, translucent panels over vivid backgrounds. It dates quickly and hurts readability when overused — fine for a hero flourish, wrong for content surfaces.

Build the foundation timelessly — typography, spacing, palette discipline — and let trends live in the replaceable layer: hero treatments, motion moments, imagery. Trends should be a jacket, not the skeleton.

Centered everything, drop shadows on every card, stock handshakes, carousels, tiny gray body text, and gradients nobody chose. Dated sites are usually just undecided sites.

Pages where scrolling advances a narrative — elements pin, transform and reveal in sequence. Powerful for launches and case studies; exhausting when a whole site is one long trick.

Learn from Apple's restraint, typography and product photography — but copy their confidence, not their surface. A small brand imitating Apple reads as a tribute band; a small brand with its own voice reads as a company.

Your own photography first, then quality stock (used selectively), then AI-generated imagery for abstract and atmospheric needs. The worst option is the obvious stock cliché — the handshake, the laptop-with-coffee, the diverse-meeting.

Yes, with judgment: they excel at abstract textures, backgrounds and conceptual imagery, and still struggle with hands, text and photorealistic products. Never use AI images that pretend to be your real product or team.

WebP or AVIF for photos, SVG for logos and icons, MP4/WebM for video. Avoid PNG for photographs and never serve a 4MB hero image to a phone.

Sized to their display dimensions at 2x for retina — a hero displayed at 1600px wide needs a 3200px source, not an 8000px original. Compress everything; aim under 200KB per image.

Selectively. Stock works for abstract concepts and backgrounds; it fails wherever authenticity matters — your product, your team, your space. Visitors can smell generic stock instantly.

Consistent lighting and backgrounds across the catalog, multiple angles, detail close-ups, and context shots showing scale and use. Consistency matters more than any single hero shot.

Short, muted, looping clips as atmosphere (5–15 seconds, compressed), with a poster fallback. Video should set a mood, not tell a story — visitors will not press play on your brand film.

A background motion loop behind your headline. You need one only if motion expresses your brand — a studio, a fashion label, a venue. A software dashboard gains little from one.

Modern formats, correct dimensions, lazy loading below the fold, and a CDN. Images are usually 60–80% of page weight, so this is where performance is won or lost.

Both. Alt text tells screen readers and search engines what an image conveys. Write what the image means ('hand-poured candle on a linen cloth'), not what it is ('IMG_4032').

Five to seven maximum. Every extra item taxes every visitor; if something does not fit, it belongs in the footer or a dropdown. Navigation is a promise about what matters.

No. Hiding navigation on desktop costs you discovery for zero gain. Hamburgers are for phones, where space is genuinely scarce.

Everything that should exist but not compete: legal pages, contact, social links, secondary pages, sitemap links, and your brand line. The footer is the site's reference shelf.

A header that stays visible while scrolling. Use it when the primary action (buy, book, sign up) should always be reachable — which is most commerce and SaaS sites. Keep it slim.

Obvious navigation, one clear action per view, consistent patterns, fast pages, and text people can actually read. Usability is mostly the absence of cleverness.

A myth in its strict form — users do not count clicks, they count confidence. What matters is that every click obviously moves them closer to what they want.

Internal links: no. External links and documents: yes, sparingly. Taking over the visitor's tab is a small act of hostility that accumulates.

Acknowledge the dead end with personality, offer the three most likely destinations, and keep the navigation intact. A good 404 converts a dead end into a detour.

The trail showing where you are (Home → Themes → Fashion). Essential for deep catalogs and e-commerce; unnecessary for five-page marketing sites.

Watch five real people try to complete your site's main task without help. Wherever they hesitate, your design is ambiguous. Five users find most problems; analytics tell you how often they happen.

Few fields, clear labels above inputs, inline validation, and an obvious submit button that says what happens. Every field you remove measurably raises completion.

Email and password, or just a social sign-in button. Everything else can be collected later. The best signup form is the one that is already over.

Buying without creating an account. Yes, you need it — forced account creation is one of the top reasons carts are abandoned.

Single page or clear steps, total cost visible early, guest option, wallet payments, trust signals near the pay button, and zero surprise fees at the end.

For long forms, yes — one question per screen feels lighter than a wall of fields, and early easy questions create momentum. For short forms, one page is faster.

Checking each field as it is completed and showing errors immediately, next to the field. It beats a wall of red errors after submit by a wide margin.

A honeypot field (invisible to humans) stops most bots invisibly. CAPTCHAs work but tax real users — use them only when spam is actually hurting you.

An immediate, unambiguous confirmation on screen, then a follow-up email if appropriate. Silence after submit makes people resubmit or leave — both are failures.

Yes, when the offer is real: a discount, a guide, early access. 'Subscribe to our newsletter' with no reason attached converts almost nobody.

After the visitor has a reason to care — end of a compelling page, after a free result, in the footer of content they just enjoyed. Never as the first thing a new visitor sees.

If you sell anything, yes. Email is the only audience you own — algorithms and rankings can vanish, your list cannot. Start collecting addresses from day one.

A welcome email that delivers what you promised, a second that tells your story and best proof, and a third with your strongest offer. Three emails, one week, then a sustainable rhythm.

As often as you have something worth sending — for most small brands that is two to four times a month. Consistency matters more than frequency.

Something valuable given in exchange for an email address: a guide, a discount, a template, early access. It works because it trades value for permission instead of begging for it.

Put a genuine offer on your highest-traffic page, share it where your audience already gathers, and deliver something good enough that early subscribers forward it. There is no trick that beats a good offer.

A newsletter if you want a relationship, a blog if you want search traffic — ideally the blog feeds the newsletter. Pick the one you can sustain; an abandoned either is worse than none.

The one where your specific audience already gathers: communities for dev tools, Instagram/TikTok for visual products, search for considered purchases, email for everything after. One channel done well beats five done thinly.

One email, one action, stated as the outcome: 'See the new collection' beats 'Click here'. Multiple competing links split clicks and halve results.

For a healthy small list, 35–50% is normal; below 20% suggests list or subject-line problems. Trend your own numbers rather than chasing benchmarks.

Use a verified sending domain, ask before adding anyone, make unsubscribing easy, and send content people actually open. Deliverability is a reputation you spend with every send.

Short, sayable, and spellable after hearing it once. .com still carries the most trust; a distinctive .ai, .studio or .shop beats a hyphenated .com. Avoid anything you have to explain.

No — Lovable hosts what you build with one-click publish, including custom domains. StudioMotion theme downloads are standard React projects you can also host anywhere static sites run.

Your own address (yourbrand.com instead of yourbrand.somebuilder.com). It is the cheapest credibility upgrade that exists — under $20 a year — and every serious site should have one.

The encryption that puts the padlock in the address bar. Yes, unconditionally — browsers flag non-SSL sites as unsafe, and search engines downrank them. Any modern host provides it free.

Every link, every form, the mobile layout, page titles and descriptions, real content in place of samples, analytics connected, and the primary flow (buy, book, sign up) tested end to end on a phone.

Build a small list before launch, prepare three to five posts showing what you made and why, and tell every community you genuinely belong to. A launch is a story, and stories need an audience warmed up in advance.

A private version of your site for testing changes before visitors see them. Builders like Lovable give you preview URLs automatically — use them; never test in production.

Builders win on speed and hosting; custom code wins on total control. With AI tools the gap has narrowed — an AI-built custom site (with a StudioMotion theme as the base) gives you both speed and ownership.

A domain (~$10–20/year), hosting (free to ~$20/month for most sites), and any subscriptions you choose. The expensive part of websites was never the hosting — it was the design, which is what AI plus a theme library now compresses.

Never, and that is fine. Launch when the core promise works end to end, then improve in public. A launched imperfect site beats a perfect unreleased one every single time.

One privacy-respecting analytics tool (StudioMotion uses Google Analytics 4) is enough to start. You need to know where visitors come from, what they view, and where they leave — nothing fancier until you have traffic.

Visitors, their source, and the completion rate of your one key action (purchase, signup, booking). Everything else is refinement. Watch trends weekly, not daily.

The share of visitors who complete your goal: conversions divided by visitors. If 1,000 people visit and 30 buy, your conversion rate is 3%. Improve the page, then watch the number move.

The share of visitors who leave without interacting. High bounce on a landing page means the promise and the audience are mismatched; high bounce on a blog post that answers the question is fine.

Utm-tagged links for every campaign, then check which sources produce conversions — not just visits. Traffic that never converts is an expense, not a result.

Tools that show where visitors click and how they scroll. Useful once you have steady traffic and a specific question ('why does nobody reach the pricing section?'), overkill before that.

Weeks, not days. Small numbers lie: a 50% conversion rate from four visitors is noise. Make decisions on patterns over hundreds of visits.

Showing two versions of a page to different visitors and measuring which converts better. Worthwhile once you have thousands of monthly visitors; before that, just make the obviously better version.

No. Track what you will act on, respect privacy laws (consent banners where required), and remember that data you do not need is a liability you chose.

A weekly fifteen-minute review: top pages, top sources, goal completions, one thing to improve. Analytics you never look at are decoration.

HTTPS everywhere, a modern platform or framework kept updated, strong unique passwords with two-factor authentication on your admin accounts, and no sensitive data in client-side code.

Yes — if you collect emails, run analytics, or take payments, privacy laws (GDPR and others) require you to say what you collect and why. StudioMotion's own policy is at /privacy if you want a reference for what one covers.

If you use non-essential cookies (analytics, ads) and have visitors in the EU/UK, yes — consent is required before those cookies load. Keep the banner honest: a real 'reject' option, not dark patterns.

The EU's data protection law: collect only what you need, say what you collect, get consent for tracking, let people see and delete their data, and keep it secure. It applies to you if you have European visitors, wherever you are based.

Collect the minimum, use established providers for payments and auth (never build your own), restrict who can access what, and delete data you no longer need. The safest data is the data you never stored.

Never. Use a proven auth provider for accounts and a payment processor (like Stripe) for cards. Handling either yourself is a liability with no upside.

A second proof (usually your phone) beyond your password. Yes — on your email, your hosting, your payment processor and your admin accounts. It stops the most common account-takeover attacks cold.

Contain first (take the affected part offline if needed), assess what was exposed, fix the cause, then inform affected users honestly and quickly. A fast honest response preserves more trust than the incident destroys.

The code is as secure as what it is built on — the risks are the same as any site: exposed keys, weak auth, outdated dependencies. Review what the AI writes before shipping, especially anything touching data or payments.

Secret API keys, passwords, and private customer data. Anything shipped to the browser is public — keys belong in server-side environment variables, exactly as StudioMotion's own architecture does.

Yes — building real websites for clients is exactly what the licenses cover. You may not resell or redistribute the source code itself as a competing template or theme product.

Price the outcome, not the hours: what is a working site worth to their business? Fixed project prices with a clear scope beat hourly billing for both sides once you are fast.

They compress production time, which shifts your value to judgment: strategy, taste, client management, and knowing what good looks like. The freelancers who thrive sell decisions, not keystrokes.

The client's goal restated in their words, the scope (pages, features, revisions), the timeline, the price, and what happens when scope changes. Proposals that mirror the client's language win.

Two structured rounds, defined in writing. Unlimited revisions sound generous and produce miserable projects; structured feedback produces better work faster.

One strong direction, presented as a working page — not three static mockups. A live, animated page (built fast with a theme) out-sells a Figma board every time.

Ask what feeling they expected and what the design must achieve, not what colors they like. Clients are experts on their business; your job is translating their goals into design decisions, not taking dictation.

Yes, as a paid care plan: updates, backups, small changes, analytics check-ins. Recurring revenue stabilizes a studio, and clients who pay for care get better outcomes.

Build something excellent for someone in your existing network at a friend price, document it as a case study, and let that proof find the next one. Portfolios find clients; cold emails rarely do.

Strategy before pixels, a real design system, motion with intent, performance discipline, and content that sounds like the brand. Agency grade is a process, not a price tag — and it is the standard StudioMotion themes are built to.

The top section of a page — the first thing visitors see. It carries your headline, key visual and primary call to action, and it decides whether anyone scrolls.

The button or link that asks the visitor to do the thing your page exists for: buy, book, sign up. Every page should have one obvious primary CTA.

A named design value — a color, font size or spacing unit — stored once and referenced everywhere. Tokens are what make a whole site changeable from one place.

Design that adapts to any screen size: one codebase that reflows from phone to desktop. It is the default expectation, not a feature.

A reusable piece of interface — a button, a card, a navbar — defined once and used everywhere. Component thinking is what keeps large sites consistent.

A page built for one audience and one action, usually the destination of an ad or campaign. Unlike a homepage, it has no navigation escape hatches — it exists to convert.

The portion of the page visible before scrolling, a term borrowed from newspapers. Your most important message must live there.

The small icon in the browser tab. A tiny detail that makes a site feel finished — and its absence makes a site feel abandoned.

A content management system — software for editing site content without touching code. Useful when non-technical people update the site often; overkill for sites that change rarely.

A utility-first CSS framework where styles are applied as small composable classes. It is the styling system StudioMotion themes and sections are built with, which makes them easy for AI tools and developers to adapt.

The most widely used JavaScript library for building interfaces from components. StudioMotion themes are React projects, so any AI tool or developer can work with them.

Deferring the loading of images, video or heavy components until they are actually needed — usually when they scroll near the viewport. It is one of the biggest easy performance wins.

The one where your buyers already spend attention: Instagram and TikTok for visual products, LinkedIn for B2B, X and Reddit for developer and maker audiences. One platform done well beats five abandoned profiles.

As often as you can sustain quality — for most small brands that is two to four times a week. A rhythm you can keep for a year beats a burst that dies in a month.

Show the work: short videos of the product or process, before-and-afters, genuine lessons learned. Posts that teach or prove something get saved and shared; posts that just announce get scrolled past.

Yes, but as a human, not an ad: share what you built, why, and what was hard, in communities you genuinely participate in (r/SideProject, r/webdev, niche subreddits). Reddit punishes marketing and rewards honesty.

Extremely well — five to ten second clips showing the product, the design in motion, or a single striking result. Motion is your differentiator, so let people see it move.

Go where your audience already is: communities, directories, marketplaces and search. For design tools specifically, MCP directories (Smithery, Glama, PulseMCP) deliver targeted, permanent discovery for zero budget.

Only after your page converts organically — ads amplify what works; they cannot fix a page that does not. Start with small tests on the platform where your audience is densest.

Lead with the thing, not the pitch: show the result, share the lesson, ask a real question. If the post would interest you from a stranger, it will interest strangers from you.

Sharing your progress, numbers and lessons openly as you build. It works because it compounds: every post is both marketing and proof, and the audience you gather becomes your first customers.

Yes — same name, same visual identity, same voice. The journey from a post to your site should feel like walking from the street into the same shop, not a different building.

Give them a reason to visit (a launch, a guide, an offer), make the landing page match the post that brought them, and capture emails so the relationship survives the algorithm.

Answering real questions where your audience asks them — communities, forums, comment sections — with genuine help and a site worth visiting behind your name. It is slow, free, and it compounds.