Media
5 items
Description
Professional Design Audit tool for websites. Quality Checks of over 80 Aspects of Design. Critical checks not shown in SEO audits. Professional Design Audit tool for websites. ★ This browser extension works on all websites. Bonus: In particular, it has 50 WordPress-specific factors including logic for the major builders of Elementor, Divi, and the native Gutenberg editor; 40 Squarespace-specific factors; 45 Wix-specific factors, 47 Shopify-specific factors; and 52 Webflow-specific factors. (If you use another development platform and want us to create the specific factors for it, use the contact info on this page.) ★ Ever wonder if your website has consistent styling across all pages? Critical design Quality Checks using over 80 Aspects of Design for quality assurance will let you know. Immediately analyze, and compare across all pages, styles of headings, paragraphs, buttons, all typography, and color palette for consistency. And much more. ★ Up to 12 beautiful, clear, and understandable reports from multiple viewpoints present all the details of the Quality Checks depending on what issues are found. Reports include specific links to "errors" and location mapping to allow quick and easy fixes. Analyze individual pages or entire domains. ★ Within minutes, we automate your Design Audit for quality assurance. We save you 5, 10, 15, or more, hours of manual review which could easily miss important inconsistencies. ★ You will rarely, if ever, find our design audit elements, Quality Checks, and reports in any SEO extensions. An incredible addition to your SEO audit. ✨ Everything you need to create a powerful Design Audit and document site styles and colors for consistency and much more. ✨ ✅ Critical Checks of Over 80 Aspects of Design for Quality Assurance Checks across all pages: ✓ Typography analysis for consistent font sizes, font weight, line height, letter spacing, text-transform, color, and more, for all style types of headings, paragraphs, and buttons ✓ All pages have H1 headings ✓ No pages have multiple H1 headings ✓ Heading hierarchy is correct on all pages ✓ Colors consistency across all pages. Swatches and color codes of all colors used. Color Families and variations grouping identifying similar shades. Outlier detection of colors used 1-2 times. Page-by-Page breakdown of all colors used on each page. ✓ All images have alt text ✓ Images do not have generic file names ✓ WCAG Accessibility check for color contrast between text and background ✓ Link styling is consistent ✓ Mobile design audit of 9 critical checks for mobile usability using the same analysis and standards used by Google In all reports, errors are specifically located to make it easy for corrections. ✅ Brand Style Guide Typography. Generates a complete "Brand Style Guide Typography" report showing all typography and six or more style parameters for headings, paragraphs, and button styles used on your site. Discover and reveal inconsistencies with precise locations for quick corrections. ✅ Brand Style Guide Colors. Generates a complete "Brand Style Guide Colors" report showing all text colors for headings, paragraphs, and button styles plus background and border colors for buttons used on your site and much more. Reveals issues with too many colors and too many close color variations, outlier colors used only once or twice, accessibility issues, and more. As a bonus, even recommends a consolidated color palette if needed. ✅ Headings Analysis. Immediately identify all heading/title types with precise location mapping and style documentation. Analyzes consistent typography. ✅ Paragraph Mapping. Immediately identify all Paragraph styles based on your site's theme settings and precise locations. Analyzes paragraph styles for consistency. ✅ Button Detection. Immediately identify primary, secondary, and tertiary buttons. Capture colors, styles, and exact locations on every page. Analyze buttons for consistency. ✅ Page and Domain Analysis. Analyze individual pages. Or analyze entire domains. With one click, crawl sitemaps and analyze up to 10 pages in the free version and unlimited pages with the Premium feature. For larger websites, you can select groups of pages shown in the Premium feature of page selection, to choose how many and which groupings of pages you wish to analyze at one time. ✅ Beautiful Reports. Up to 12 beautifully styled and easy-to-read reports as needed depending on the specific analysis. Export to CSV for spreadsheet analysis. Export to stunning HTML reports, for viewing in your browser, with interactive table of contents, complete presentation of all typography and color specifications, and precise error locations. Multiple reports, including ordering by styles across all pages as well as all styles used on page by page presentations, reveal inconsistencies from every conceivable viewpoint to pinpoint items for corrections. ✨ What’s Unique About Website Style Analyzer Pro? ✨ Our Extension Serves a Different Purpose Compared to the Most Popular SEO Extensions ★ Once you install this extension, you'll immediately see our "Benefits" page that shows a Table Comparing Our Design Audit to the most popular SEO extensions, a Summary Table of the Benefits of a Design Audit, and Details of the Over 80 Aspects of Design Analyzed by this extension. It reveals all the insights we provide that are not covered by SEO extensions. Our Design Audit and SEO Audit extensions are complementary to each other to provide a complete analysis of a website. ✨ Why Would You Use Website Style Analyzer Pro? ✨ Real-world Scenarios Where Our Design Audit Tool Saves Time and Ensures Consistency and Quality 🚀 Prospecting and Onboarding New Clients with Existing Websites This browser extension is the fastest process to receive immediate insights of the issues with an existing website. Use it during your prospecting for new clients. Use it while onboarding new clients to ensure they're following their own brand guidelines and design standards. ✅ Check Your Own Work Ensure your site follows best practices and brand guidelines before launch and after updates. Check your sites much, much quicker with greater analysis than by checking within the website developer platform! 👥 Verify Contractor & Employee Work Check the work of contractors and employees creating websites for you. Ensure they're following your brand guidelines and design standards. 📐 Enforce Standards Verify your standards and that of your contractors and employees. Maintain consistency across all projects and team members. 🔍 Uncover Design Discrepancies Discover inconsistencies in your site design within a page and between pages. Catch styling errors before they become problems. Perfect for: ✅ Analyzing prospective client websites and new client websites ✅ Website developers checking work before client delivery of initial website and updates ✅ Companies auditing contractor deliverables ✅ Agencies ensuring brand guideline compliance ✅ Design systems teams maintaining consistency ✅ Quality Assurance professionals verifying site consistency before launch ✅ Project Managers to ensure team members follow design guidelines ✅ Website Owners checking contractor work to maintain standards ✨ Why Our Design Audit? ✨ Our Design Audit Verifies Actual Visual Consistency versus What Is Specified! See if Your Website Meets Your Brand Guidelines and Accessibility. Does Your Website Achieve Good Design Principles? Our Design Audit transforms an analysis of the styling design of your website from a “here's what we found" data dump to an actionable “here's what needs attention and exactly where." 🔦 Our Design Audit solves the "needle in a haystack" problem Instead of a data dump analysis, in which you must hunt through page-by-page reports to find the exact items that vary from the standard, we deliver professionally designed reports that pinpoint for you which styles, of each type, are the variations and exactly where they are located. In some cases, these style type variations may be oversights and have resulted from non-standard actions, and in others they are intentional. Our reports are designed to make it quick and easy for you to immediately decide and take necessary actions. 🎨 🖌️ 🪄 Consistency and Accessibility Analysis Through Deep Style Variation Detection For example, for Typography, our Design Audit analyzes each style type for variations of font-family, font-size, font-weight, line-height, letter-spacing, text-transform, color, and more, which can be extremely problematic for brand consistency. This is just one example of the more than 80 aspects of design that we analyze for your website. Our audits catch more issues and our professionally designed reports reveal the difference between data and insight. 📄 📝 📊 📈 Multiple Report Types for Better Clarity We intentionally deliver multiple types of reports. For example, for Typography, one report is by Style to aggregate each style type across all pages. This quickly reveals the problem areas to answer the questions “What are my inconsistencies and where are they?" And the other type of report is by Page to understand "What are all the style variations revealed on each page?" We have many other pinpoint reports for you as well. The above are just a few of the differences between receiving data and asking “what do we do with this?” and our Design Audit that intelligently discovers brand inconsistencies and immediately presents professionally designed reports that give you actionable next steps. ✨ How It Works ✨ Get started in minutes 1. Install Extension Add Website Style Analyzer Pro to Chrome with one click. No signup required. 2. Navigate to Site Go to any website you want to analyze. Works on live sites and preview domains. Actually works on all websites. 3. Click Analyze Click the extension icon and hit "Analyze This Page" or "Analyze Entire Domain" for comprehensive analysis. 4. Export Results Download beautiful HTML reports or CSV files. Reveal your results in minutes. Save 5, 10, 15, or more hours compared to manual analysis where you're likely to miss many of the inconsistencies. Share with clients or save for documentation. ★ Website Style Analyzer Pro: Automated Design and Brand Consistency Audit Transform how you analyze websites with this comprehensive Design Audit tool. The tool you’ll rely on that automatically checks if your website follows design best practices and brand guidelines. Get an actionable comprehensive design audit in minutes—not hours. ★ A Note About Permissions There are two permissions in particular for which we want to give you ease. * Access the page debugger backend * Read and change all your data on all websites The extension uses Chrome DevTools Protocol for accurate mobile testing. This requires debugger permission of "Read and change all your data on all websites" but we assure you the extension does not alter anything on your site. All data storage about the website being analyzed is TEMPORARY and user-session-based: * All analysis data is automatically deleted when users start a new analysis or click the Reset button * Data is cleared after successful export to ensure no stale data accumulates * No data persists beyond the current analysis session ★ Changelog ★ It's interesting analyzing many websites. The extension works fantastically well for numerous sites then it finds an "edge case" that is different from the rest. And for this one case it gives an error. So we fix it for that anomaly. That's why you may see several "bug fix" updates with small increments between version numbers. If you find any problems, please report them with our support email. http://intolos.com/changelog