To identify the theme name of a website built with Webflow, you need to inspect the site for any clues, as Webflow does not automatically expose the theme name. Here's how to investigate:
1. Check Webflow Site Footer or Page Content
- Some websites using Webflow themes include footer credits or comments mentioning the theme or template name.
- Look for text like “Powered by Webflow,” “[Theme Name] Template by [Author],” or similar.
2. Inspect the Page Source or Elements
- Right-click on the page and choose View Page Source or use browser DevTools (Inspect Element).
- Search for keywords like “template”, “theme”, or “Webflow” using Ctrl + F (Windows) or Cmd + F (Mac).
- Some Webflow templates may have embedded comments or asset file names that reference the theme, e.g., /images/theme-name_preview.jpg or template.js.
3. Check Webflow Template Marketplace
- Visit the Webflow Template Marketplace.
- Use keywords you found in your inspection (like class names, style terms, or demo content) to search templates.
- Compare the visual layout and UI patterns of the live site with those in the template previews.
4. Analyze Class and Asset Naming Patterns
- Open browser DevTools, then go to the Elements or Styles tab.
- Webflow often uses class names based on the original designer's template structure. If you see repeated terms (e.g., "plume-", "summit-", "folio-"), Google them along with "Webflow template".
- Also inspect image file paths or JS/CSS file names that may reference the theme.
5. Check Webflow Showcase (Optional)
- Visit the Webflow Showcase, where designers publish clonable projects.
- Use layout and design similarities to search this gallery and find matches or inspirations.
Summary
To find a Webflow theme name, you’ll need to inspect the site's content, class names, and asset paths for clues—then cross-reference those details in the Webflow Template Marketplace. There's no automatic label, so it requires some manual detective work.