brief/Open console

Visual intelligence

Build with graphics that carry the page.

brief/ tracks which screenshots, diagrams, photos, charts, videos, and proof visuals show up in real product sites, then turns those patterns into section-level visual requirements.

Visual roles

12

Raw assets

0

Substantial

0

Above fold

0

Proof assets

6

Weak sites

1

Section gaps

34

Category visual formulas

1 site

ai/

6 proof

Show context, model/system action, output, and human review as one visual loop.

Common gap: 3 major section(s) are missing section-matched visual evidence.

Background DecorationBackground Hero ImageChart / GraphCompliance / Security BadgeCustomer / Person Image

1 site

general/

0 proof

Capture more references to learn the category's visual formula.

Common gap: No visual evidence analysis has been generated for this capture yet.

Raw asset inventory

The image material underneath the patterns.

Re-crawl sites to collect substantial raw visual assets.

Asset roles

The reusable visual vocabulary.

proof

UI Mockup/

1

Internet for people, not profit captured visual reference

Internet for people, not profit

mozilla.org / ai

mzp-c-split-media-asset https://www.mozilla.org/media/img/products/vpn/landing-refresh/vpn-hero-400.a853fd4ce95e.png (400x320, above fold)

clarity

Technical Architecture Diagram/

1

Internet for people, not profit captured visual reference

Internet for people, not profit

mozilla.org / ai

A cloud. https://www.mozilla.org/media/cms/images/4.2e16d0ba.fill-600x480.png (448x358, below fold)

emotion

Customer / Person Image/

1

Internet for people, not profit captured visual reference

Internet for people, not profit

mozilla.org / ai

Person with a laptop bag and Mozilla lanyard. https://www.mozilla.org/media/cms/images/community-2752.width-1376.jpg (1376x590, below fold)

clarity

Chart / Graph/

1

Internet for people, not profit captured visual reference

Internet for people, not profit

mozilla.org / ai

Mozilla Monitor See if you’ve been part of a data breach. If so, let us automatically get your private info back for you and continually monitor your identity for new leaks. Check (16x16, above fold)

trust

Integration Logos/

1

Internet for people, not profit captured visual reference

Internet for people, not profit

mozilla.org / ai

Mozilla m24-c-navigation-logo-image https://www.mozilla.org/media/img/logos/m24/lockup-black.f2ddba3f0724.svg Menu Products Close Products menu Firefox browsers Mozilla VPN Mozilla (100x24, above fold)

trust

Compliance / Security Badge/

1

Internet for people, not profit captured visual reference

Internet for people, not profit

mozilla.org / ai

Mozilla Ads moz24-footer-advertising-logo https://www.mozilla.org/media/img/logos/mozilla/ads/Mozilla_Ads_Logo.6ed26d0eac2b.svg Add trust to your ad buy. Learn more about Mozilla A (250x33, below fold)

orientation

Workflow Diagram/

1

Internet for people, not profit captured visual reference

Internet for people, not profit

mozilla.org / ai

mzp-c-picto-image https://www.mozilla.org/media/img/logos/tabstack/logo-tabstack.4551b75d8e6b.svg Tabstack Connect your apps to the web with reliable automation and turn live web p (64x64, below fold)

conversion

Hero / Primary Visual/

1

Internet for people, not profit captured visual reference

Internet for people, not profit

mozilla.org / ai

mzp-c-split-media-asset https://www.mozilla.org/media/cms/images/monitor-landing-flat.width-800.png (536x344, above fold)

decoration

Background Decoration/

1

Internet for people, not profit captured visual reference

Internet for people, not profit

mozilla.org / ai

c-simple-header Choose your language or locale to browse Mozilla.org It is available in the following languages: (1280x203, above fold)

emotion

Background Hero Image/

1

Internet for people, not profit captured visual reference

Internet for people, not profit

mozilla.org / ai

c-manage Managing your digital footprint in a data-driven world Uncover the ways your personal information is tracked and shared, and take steps to protect your identity and digita (1440x382, above fold)

brand

Icon / SVG System/

1

Internet for people, not profit captured visual reference

Internet for people, not profit

mozilla.org / ai

A firefox turning off a switch. https://www.mozilla.org/media/cms/images/3.2e16d0ba.fill-600x480.svg (448x358, below fold)

unknown

Unclassified Visual/

1

Internet for people, not profit captured visual reference

Internet for people, not profit

mozilla.org / ai

mzp-c-split-media-asset https://www.mozilla.org/media/cms/images/monitor-cta.width-800.png (394x278, below fold)

Section requirements

trust

1 supported / 3 missing

Add trust visuals such as customer logos, security/compliance badges, real customer proof, or implementation context.

Common gap: Trust section has visuals, but they appear decorative or too small to carry the claim.

integration_logocustomer_person_imagecompliance_security_badge

conversion

0 supported / 0 missing

Add a visual asset that supports this section's claim. Target roles: hero_product_screenshot, ui_mockup, customer_person_image.

Common gap: Conversion section has visuals, but they appear decorative or too small to carry the claim.

hero_product_screenshotui_mockupcustomer_person_image

pricing

0 supported / 0 missing

Add pricing-support visuals such as plan comparison states, ROI proof, billing artifacts, or trust/compliance evidence.

Common gap: Pricing section has visuals, but they appear decorative or too small to carry the claim.

dashboard_screenshotreport_document_previewcompliance_security_badge

education

0 supported / 0 missing

Add a visual asset that supports this section's claim. Target roles: technical_architecture_diagram, report_document_preview, workflow_diagram.

Common gap: Education section has visuals, but they appear decorative or too small to carry the claim.

technical_architecture_diagramreport_document_previewworkflow_diagram

product

0 supported / 0 missing

Add a product visual: UI state, dashboard screenshot, report preview, workflow diagram, or before/after output.

Common gap: Product section has visuals, but they appear decorative or too small to carry the claim.

ui_mockupdashboard_screenshothero_product_screenshotchart_graph

workflow

0 supported / 0 missing

Add a workflow visual that shows inputs, actions, outputs, and the human or system handoff.

Common gap: Workflow section has visuals, but they appear decorative or too small to carry the claim.

workflow_diagramtechnical_architecture_diagramvideo_demo_embed