Exact request sent to the run panel.
{
"source": "retrieve",
"template": {
"id": "startup_website_roast",
"slug": "startup-website-roast",
"name": "Startup Website Roast",
"categoryId": "STARTUP_TECH"
},
"inputs": {
"target": "",
"focus": "all",
"includeSubpages": false,
"normalizedTarget": {
"raw": ""
}
},
"agentHint": "You are conducting a startup website roast with deep visual analysis. Adapt to what you see.\n\n**TASK CONFIGURATION:**\n- Target: \n- Focus: all\n- Include Subpages: false\n\n---\n\n## STEP 1: NAVIGATE TO WEBSITE\n\n1. Go to \n2. Wait for full page load including images and animations\n3. **Handle common scenarios:**\n - Cookie consent: Note but dismiss\n - Popups: Note and close\n - Loading animations: Wait for completion\n4. **Verify access:**\n - Site loads? Proceed\n - Error/down? Report\n - Redirects? Note destination\n\n---\n\n## STEP 2: CAPTURE ABOVE-THE-FOLD (Hero Section)\n\n**This is the most critical visual real estate. Analyze thoroughly:**\n\n### Hero Image/Description\n- Capture or describe exactly what's visible before scrolling\n- Note viewport considerations (what might be cut off)\n\n### Hero Visual Elements\n\n**Background:**\n- Type: Solid color, gradient, image, video, animation, pattern?\n- If image: Describe what the image shows\n- If video: Describe what's playing\n- If gradient: What colors and direction?\n- Quality: Stock photo feel vs. custom/unique?\n\n**Primary Visual/Imagery:**\n- Product image? Illustration? Photo? 3D render?\n- Describe what's shown in detail\n- Position: Left, right, centered, background?\n- Device frame: Browser, phone, none?\n- Quality level: Polished vs. rough?\n\n**Hero Text Styling:**\n- Headline font: Serif, sans-serif, display? Weight?\n- Headline size: Appropriate hierarchy?\n- Subheadline styling: Clear visual difference from headline?\n- Text color and contrast: Readable against background?\n\n**CTA Button(s):**\n- Number of CTAs visible\n- Primary CTA: Color, size, text\n- Secondary CTA: Style, positioning\n- Visual hierarchy: Clear primary vs. secondary?\n\n**Navigation:**\n- Style: Transparent, solid, sticky?\n- Logo placement and quality\n- Menu items visible\n- Visual weight appropriate?\n\n### Hero Composition\n- Balance: Symmetrical, asymmetrical, chaotic?\n- White space: Breathing room or cramped?\n- Visual flow: Where does eye go first, second, third?\n- Mobile considerations: Would this work on phone?\n\n---\n\n## STEP 3: ANALYZE COLOR PALETTE\n\n**Extract and evaluate the color scheme:**\n\n### Primary Colors\n- Dominant brand color(s)\n- Where used (buttons, accents, backgrounds)\n\n### Secondary Colors\n- Supporting palette\n- Consistency across elements\n\n### Color Assessment\n- **Harmony**: Do colors work together?\n- **Contrast**: Sufficient for readability?\n- **Emotion**: What feeling do colors evoke?\n- **Industry fit**: Appropriate for the product category?\n- **Accessibility**: Would this pass contrast checks?\n- **Uniqueness**: Generic palette or distinctive?\n\n### Color Score: /10\n\n---\n\n## STEP 4: ANALYZE TYPOGRAPHY\n\n**Evaluate font choices and text styling:**\n\n### Fonts Used\n- Headline font: Identify or describe\n- Body font: Identify or describe\n- Accent fonts: Any others?\n\n### Typography Assessment\n- **Readability**: Easy to read at various sizes?\n- **Hierarchy**: Clear distinction between levels?\n- **Personality**: What vibe do fonts convey?\n- **Consistency**: Same fonts used throughout?\n- **Web optimization**: Looks crisp, not fuzzy?\n- **Line spacing/length**: Comfortable reading?\n\n### Typography Score: /10\n\n---\n\n## STEP 5: ANALYZE IMAGERY & ILLUSTRATIONS\n\n**Scroll through the page and analyze all visual content:**\n\n### Image Inventory\nFor each significant image/illustration:\n- **Type**: Photo, illustration, icon, image, graphic\n- **Subject**: What does it show?\n- **Style**: Photography style, illustration style\n- **Quality**: Professional, stock, custom, AI-generated?\n- **Purpose**: Decorative, explanatory, social proof?\n\n### Product Images\n- **Clarity**: Can you see the UI clearly?\n- **Context**: Shown in realistic setting?\n- **Annotations**: Helpful callouts or cluttered?\n- **Up-to-date**: Does UI look current?\n\n### Photos (if used)\n- **Stock vs. custom**: Obviously stock or unique?\n- **Diversity**: Representation in people shown\n- **Relevance**: Do photos relate to the product?\n- **Quality**: Resolution, composition, lighting\n\n### Illustrations (if used)\n- **Style**: Flat, 3D, hand-drawn, corporate Memphis?\n- **Consistency**: Same illustration style throughout?\n- **Meaning**: Do they communicate something or just decorate?\n- **Uniqueness**: Custom or common template?\n\n### Overall Visual Consistency\n- Do all images feel like they belong together?\n- Consistent style guide apparent?\n- Any jarring mismatches?\n\n### Imagery Score: /10\n\n---\n\n## STEP 6: ANALYZE UI COMPONENTS & POLISH\n\n**Evaluate the design system and attention to detail:**\n\n### UI Elements Assessment\n- **Buttons**: Consistent styling? Hover states?\n- **Cards/containers**: Shadow, borders, spacing?\n- **Icons**: Consistent style and weight?\n- **Forms**: Input field styling, labels, states?\n- **Spacing**: Consistent rhythm and margins?\n\n### Micro-interactions (if visible)\n- Hover effects\n- Transitions\n- Loading states\n- Scroll animations\n\n### Polish Level\n- **Alignment**: Everything properly aligned?\n- **Spacing consistency**: Regular rhythm?\n- **Edge cases**: Awkward text wrapping, broken layouts?\n- **Responsive hints**: Looks like it would work on mobile?\n\n### UI Polish Score: /10\n\n---\n\n## STEP 7: ANALYZE VISUAL TRUST SIGNALS\n\n**What builds credibility visually?**\n\n### Logo Displays\n- Customer/partner logos present?\n- Quality companies shown?\n- Logo bar design quality?\n- Number and relevance?\n\n### Testimonials/Social Proof (Visual)\n- Real photos of people?\n- Company logos with testimonials?\n- Video testimonials?\n- Review/rating displays?\n\n### Security/Trust Badges\n- Security certifications visible?\n- Award badges?\n- Press logos?\n- Compliance indicators?\n\n### Visual Credibility Score\n- Does the site LOOK trustworthy?\n- Professional enough to give credit card?\n- Legitimate business signals?\n\n### Trust Signals Score: /10\n\n---\n\n## STEP 8: ANALYZE COPY & MESSAGING\n\n### Headline Assessment\n- **Clarity**: What do they do in 5 seconds?\n- **Benefit focus**: Features vs. outcomes?\n- **Specificity**: Vague vs. concrete claims?\n- **Uniqueness**: Could competitor say the same?\n\n### Subheadline Assessment\n- Expands on headline meaningfully?\n- Adds clarity or just filler?\n\n### Body Copy Scan\n- **Readability**: Scannable structure?\n- **Tone**: Professional, casual, corporate?\n- **Buzzword density**: \"AI-powered\", \"revolutionary\" count\n- **Proof points**: Claims backed up?\n\n### CTA Copy\n- Action-oriented?\n- Clear expectation of what happens?\n- Compelling or generic?\n\n### Copy Score: /10\n\n---\n\n## STEP 9: SCROLL & ANALYZE SECTIONS (Full Page)\n\n**Scroll through and analyze each section:**\n\n### Section Inventory\nFor each major section:\n- Section purpose (features, social proof, how it works, pricing, etc.)\n- Visual treatment\n- Effectiveness\n\n### Visual Flow\n- Does the page tell a story as you scroll?\n- Clear visual hierarchy between sections?\n- Appropriate visual breaks?\n\n### Feature Presentation\n- How are features shown visually?\n- Images, icons, illustrations?\n- Clear or confusing?\n\n### Social Proof Section (if exists)\n- Testimonial presentation quality\n- Logo bar effectiveness\n- Case study previews\n\n### Pricing Section (if exists)\n- Visual comparison clarity\n- Easy to understand tiers?\n- CTA prominence\n\n---\n\n## STEP 10: ANALYZE SUBPAGES (if false)\n\n**Visit 2-3 key subpages:**\n\n### Suggested Pages\n- Pricing page\n- About page\n- Features/Product page\n\n### Consistency Check\n- Same visual language as homepage?\n- Navigation consistent?\n- Quality maintained?\n\n---\n\n## STEP 11: GENERATE WEBSITE ROAST\n\n### 1. ABOVE-THE-FOLD GRADE (0-100)\n- Do I know what you do in 5 seconds?\n- Would I keep scrolling?\n- Visual impact assessment\n\n### 2. HERO VISUAL ROAST\n- What works in the hero imagery\n- What doesn't work\n- The hero image/video you SHOULD have\n- Specific composition fixes\n\n### 3. COLOR & TYPOGRAPHY ROAST\n- Palette assessment\n- Font choice critique\n- What's working, what's not\n- Specific improvements\n\n### 4. IMAGERY TEARDOWN\n- Image quality critique\n- Photo/illustration assessment\n- What looks stock vs. custom\n- Visual content gaps\n\n### 5. UI POLISH CHECK\n- Attention to detail assessment\n- Professional level gauge\n- \"Would I trust this with my credit card?\"\n\n### 6. TRUST SIGNAL AUDIT\n- What's building credibility\n- What's missing\n- Visual proof improvements needed\n\n### 7. COPY CRITIQUE\n- Headline rewrite suggestion\n- Buzzword elimination targets\n- Clarity improvements\n\n### 8. COMPETITIVE VISUAL POSITIONING\n- How does this compare to category leaders?\n- Visual differentiation assessment\n- What top competitors do better visually\n\n### 9. THE FIX-IT LIST (Priority Order)\n10 specific visual + copy fixes, prioritized:\n1. Highest impact visual fix\n2. Second highest...\n...\n10. Nice-to-have polish\n\n---\n\n## STEP 12: REPORT RESULTS\n\n```json\n{\n \"website\": \"\",\n \"focus\": \"all\",\n \"overallScores\": {\n \"aboveTheFold\": <0-100>,\n \"colorPalette\": <0-10>,\n \"typography\": <0-10>,\n \"imagery\": <0-10>,\n \"uiPolish\": <0-10>,\n \"trustSignals\": <0-10>,\n \"copy\": <0-10>,\n \"overall\": <0-100>\n },\n \"heroAnalysis\": {\n \"description\": \"detailed visual description\",\n \"background\": {\n \"type\": \"\",\n \"description\": \"\"\n },\n \"primaryVisual\": {\n \"type\": \"\",\n \"description\": \"\",\n \"quality\": \"\"\n },\n \"textStyling\": {\n \"headlineFont\": \"\",\n \"contrast\": \"\",\n \"hierarchy\": \"\"\n },\n \"ctaButtons\": [],\n \"composition\": {\n \"balance\": \"\",\n \"whitespace\": \"\",\n \"visualFlow\": \"\"\n },\n \"effectiveness\": \"\"\n },\n \"colorAnalysis\": {\n \"primaryColors\": [],\n \"secondaryColors\": [],\n \"harmony\": \"\",\n \"contrast\": \"\",\n \"emotion\": \"\",\n \"uniqueness\": \"\"\n },\n \"typographyAnalysis\": {\n \"fonts\": [],\n \"hierarchy\": \"\",\n \"readability\": \"\",\n \"personality\": \"\"\n },\n \"imageryAnalysis\": {\n \"inventory\": [\n {\n \"type\": \"\",\n \"description\": \"\",\n \"quality\": \"\",\n \"purpose\": \"\"\n }\n ],\n \"imageQuality\": \"\",\n \"photoAssessment\": \"\",\n \"illustrationStyle\": \"\",\n \"consistency\": \"\"\n },\n \"uiPolishAnalysis\": {\n \"buttons\": \"\",\n \"spacing\": \"\",\n \"alignment\": \"\",\n \"microInteractions\": \"\",\n \"overallPolish\": \"\"\n },\n \"trustSignalAnalysis\": {\n \"logos\": {\n \"present\": true|false,\n \"quality\": \"\",\n \"companies\": []\n },\n \"testimonials\": {\n \"present\": true|false,\n \"format\": \"\",\n \"effectiveness\": \"\"\n },\n \"badges\": [],\n \"overallCredibility\": \"\"\n },\n \"copyAnalysis\": {\n \"headline\": {\n \"text\": \"\",\n \"clarity\": \"\",\n \"effectiveness\": \"\"\n },\n \"subheadline\": \"\",\n \"buzzwordCount\": <number>,\n \"tone\": \"\",\n \"ctaCopy\": []\n },\n \"pageFlow\": {\n \"sections\": [],\n \"storytelling\": \"\",\n \"visualHierarchy\": \"\"\n },\n \"roast\": {\n \"heroRoast\": \"\",\n \"colorTypographyRoast\": \"\",\n \"imageryTeardown\": \"\",\n \"polishCheck\": \"\",\n \"trustAudit\": \"\",\n \"copyCritique\": \"\",\n \"competitivePosition\": \"\",\n \"wouldConvert\": true|false,\n \"whyOrWhyNot\": \"\"\n },\n \"improvements\": {\n \"prioritizedFixes\": [\n {\n \"priority\": 1,\n \"area\": \"visual|copy|trust|ux\",\n \"issue\": \"\",\n \"fix\": \"\",\n \"impact\": \"high|medium|low\"\n }\n ],\n \"quickWins\": [],\n \"majorOverhauls\": []\n }\n}\n```\n\n---\n\n## WEBSITE VISUAL BENCHMARKS (Reference)\n\n**What great startup sites do:**\n- Clear hero with product visibility\n- Custom imagery (not obvious stock)\n- Consistent illustration style\n- Thoughtful color palette (2-3 colors)\n- Typography hierarchy (2 fonts max)\n- Generous white space\n- Real customer testimonials with photos\n- Device-framed images\n- Subtle but present micro-interactions\n- Mobile-first thinking\n\n**Common visual mistakes:**\n- Hero image that doesn't show the product\n- Stock photos of handshakes and office buildings\n- Corporate Memphis illustrations (overused)\n- Too many colors fighting for attention\n- Body text that's too small\n- Cramped layouts with no breathing room\n- No real human faces/testimonials\n- Images that are too small to read\n- Inconsistent button styles\n- \"Built with [platform]\" templates obvious\n\n**Conversion visual best practices:**\n- CTA buttons that contrast strongly\n- Trust badges near forms\n- Social proof visible without scrolling\n- Clear visual hierarchy pointing to action\n- Progress indicators for multi-step flows\n- Security signals near payment",
"userInput": "You are conducting a startup website roast with deep visual analysis. Adapt to what you see.\n\n**TASK CONFIGURATION:**\n- Target: \n- Focus: all\n- Include Subpages: false\n\n---\n\n## STEP 1: NAVIGATE TO WEBSITE\n\n1. Go to \n2. Wait for full page load including images and animations\n3. **Handle common scenarios:**\n - Cookie consent: Note but dismiss\n - Popups: Note and close\n - Loading animations: Wait for completion\n4. **Verify access:**\n - Site loads? Proceed\n - Error/down? Report\n - Redirects? Note destination\n\n---\n\n## STEP 2: CAPTURE ABOVE-THE-FOLD (Hero Section)\n\n**This is the most critical visual real estate. Analyze thoroughly:**\n\n### Hero Image/Description\n- Capture or describe exactly what's visible before scrolling\n- Note viewport considerations (what might be cut off)\n\n### Hero Visual Elements\n\n**Background:**\n- Type: Solid color, gradient, image, video, animation, pattern?\n- If image: Describe what the image shows\n- If video: Describe what's playing\n- If gradient: What colors and direction?\n- Quality: Stock photo feel vs. custom/unique?\n\n**Primary Visual/Imagery:**\n- Product image? Illustration? Photo? 3D render?\n- Describe what's shown in detail\n- Position: Left, right, centered, background?\n- Device frame: Browser, phone, none?\n- Quality level: Polished vs. rough?\n\n**Hero Text Styling:**\n- Headline font: Serif, sans-serif, display? Weight?\n- Headline size: Appropriate hierarchy?\n- Subheadline styling: Clear visual difference from headline?\n- Text color and contrast: Readable against background?\n\n**CTA Button(s):**\n- Number of CTAs visible\n- Primary CTA: Color, size, text\n- Secondary CTA: Style, positioning\n- Visual hierarchy: Clear primary vs. secondary?\n\n**Navigation:**\n- Style: Transparent, solid, sticky?\n- Logo placement and quality\n- Menu items visible\n- Visual weight appropriate?\n\n### Hero Composition\n- Balance: Symmetrical, asymmetrical, chaotic?\n- White space: Breathing room or cramped?\n- Visual flow: Where does eye go first, second, third?\n- Mobile considerations: Would this work on phone?\n\n---\n\n## STEP 3: ANALYZE COLOR PALETTE\n\n**Extract and evaluate the color scheme:**\n\n### Primary Colors\n- Dominant brand color(s)\n- Where used (buttons, accents, backgrounds)\n\n### Secondary Colors\n- Supporting palette\n- Consistency across elements\n\n### Color Assessment\n- **Harmony**: Do colors work together?\n- **Contrast**: Sufficient for readability?\n- **Emotion**: What feeling do colors evoke?\n- **Industry fit**: Appropriate for the product category?\n- **Accessibility**: Would this pass contrast checks?\n- **Uniqueness**: Generic palette or distinctive?\n\n### Color Score: /10\n\n---\n\n## STEP 4: ANALYZE TYPOGRAPHY\n\n**Evaluate font choices and text styling:**\n\n### Fonts Used\n- Headline font: Identify or describe\n- Body font: Identify or describe\n- Accent fonts: Any others?\n\n### Typography Assessment\n- **Readability**: Easy to read at various sizes?\n- **Hierarchy**: Clear distinction between levels?\n- **Personality**: What vibe do fonts convey?\n- **Consistency**: Same fonts used throughout?\n- **Web optimization**: Looks crisp, not fuzzy?\n- **Line spacing/length**: Comfortable reading?\n\n### Typography Score: /10\n\n---\n\n## STEP 5: ANALYZE IMAGERY & ILLUSTRATIONS\n\n**Scroll through the page and analyze all visual content:**\n\n### Image Inventory\nFor each significant image/illustration:\n- **Type**: Photo, illustration, icon, image, graphic\n- **Subject**: What does it show?\n- **Style**: Photography style, illustration style\n- **Quality**: Professional, stock, custom, AI-generated?\n- **Purpose**: Decorative, explanatory, social proof?\n\n### Product Images\n- **Clarity**: Can you see the UI clearly?\n- **Context**: Shown in realistic setting?\n- **Annotations**: Helpful callouts or cluttered?\n- **Up-to-date**: Does UI look current?\n\n### Photos (if used)\n- **Stock vs. custom**: Obviously stock or unique?\n- **Diversity**: Representation in people shown\n- **Relevance**: Do photos relate to the product?\n- **Quality**: Resolution, composition, lighting\n\n### Illustrations (if used)\n- **Style**: Flat, 3D, hand-drawn, corporate Memphis?\n- **Consistency**: Same illustration style throughout?\n- **Meaning**: Do they communicate something or just decorate?\n- **Uniqueness**: Custom or common template?\n\n### Overall Visual Consistency\n- Do all images feel like they belong together?\n- Consistent style guide apparent?\n- Any jarring mismatches?\n\n### Imagery Score: /10\n\n---\n\n## STEP 6: ANALYZE UI COMPONENTS & POLISH\n\n**Evaluate the design system and attention to detail:**\n\n### UI Elements Assessment\n- **Buttons**: Consistent styling? Hover states?\n- **Cards/containers**: Shadow, borders, spacing?\n- **Icons**: Consistent style and weight?\n- **Forms**: Input field styling, labels, states?\n- **Spacing**: Consistent rhythm and margins?\n\n### Micro-interactions (if visible)\n- Hover effects\n- Transitions\n- Loading states\n- Scroll animations\n\n### Polish Level\n- **Alignment**: Everything properly aligned?\n- **Spacing consistency**: Regular rhythm?\n- **Edge cases**: Awkward text wrapping, broken layouts?\n- **Responsive hints**: Looks like it would work on mobile?\n\n### UI Polish Score: /10\n\n---\n\n## STEP 7: ANALYZE VISUAL TRUST SIGNALS\n\n**What builds credibility visually?**\n\n### Logo Displays\n- Customer/partner logos present?\n- Quality companies shown?\n- Logo bar design quality?\n- Number and relevance?\n\n### Testimonials/Social Proof (Visual)\n- Real photos of people?\n- Company logos with testimonials?\n- Video testimonials?\n- Review/rating displays?\n\n### Security/Trust Badges\n- Security certifications visible?\n- Award badges?\n- Press logos?\n- Compliance indicators?\n\n### Visual Credibility Score\n- Does the site LOOK trustworthy?\n- Professional enough to give credit card?\n- Legitimate business signals?\n\n### Trust Signals Score: /10\n\n---\n\n## STEP 8: ANALYZE COPY & MESSAGING\n\n### Headline Assessment\n- **Clarity**: What do they do in 5 seconds?\n- **Benefit focus**: Features vs. outcomes?\n- **Specificity**: Vague vs. concrete claims?\n- **Uniqueness**: Could competitor say the same?\n\n### Subheadline Assessment\n- Expands on headline meaningfully?\n- Adds clarity or just filler?\n\n### Body Copy Scan\n- **Readability**: Scannable structure?\n- **Tone**: Professional, casual, corporate?\n- **Buzzword density**: \"AI-powered\", \"revolutionary\" count\n- **Proof points**: Claims backed up?\n\n### CTA Copy\n- Action-oriented?\n- Clear expectation of what happens?\n- Compelling or generic?\n\n### Copy Score: /10\n\n---\n\n## STEP 9: SCROLL & ANALYZE SECTIONS (Full Page)\n\n**Scroll through and analyze each section:**\n\n### Section Inventory\nFor each major section:\n- Section purpose (features, social proof, how it works, pricing, etc.)\n- Visual treatment\n- Effectiveness\n\n### Visual Flow\n- Does the page tell a story as you scroll?\n- Clear visual hierarchy between sections?\n- Appropriate visual breaks?\n\n### Feature Presentation\n- How are features shown visually?\n- Images, icons, illustrations?\n- Clear or confusing?\n\n### Social Proof Section (if exists)\n- Testimonial presentation quality\n- Logo bar effectiveness\n- Case study previews\n\n### Pricing Section (if exists)\n- Visual comparison clarity\n- Easy to understand tiers?\n- CTA prominence\n\n---\n\n## STEP 10: ANALYZE SUBPAGES (if false)\n\n**Visit 2-3 key subpages:**\n\n### Suggested Pages\n- Pricing page\n- About page\n- Features/Product page\n\n### Consistency Check\n- Same visual language as homepage?\n- Navigation consistent?\n- Quality maintained?\n\n---\n\n## STEP 11: GENERATE WEBSITE ROAST\n\n### 1. ABOVE-THE-FOLD GRADE (0-100)\n- Do I know what you do in 5 seconds?\n- Would I keep scrolling?\n- Visual impact assessment\n\n### 2. HERO VISUAL ROAST\n- What works in the hero imagery\n- What doesn't work\n- The hero image/video you SHOULD have\n- Specific composition fixes\n\n### 3. COLOR & TYPOGRAPHY ROAST\n- Palette assessment\n- Font choice critique\n- What's working, what's not\n- Specific improvements\n\n### 4. IMAGERY TEARDOWN\n- Image quality critique\n- Photo/illustration assessment\n- What looks stock vs. custom\n- Visual content gaps\n\n### 5. UI POLISH CHECK\n- Attention to detail assessment\n- Professional level gauge\n- \"Would I trust this with my credit card?\"\n\n### 6. TRUST SIGNAL AUDIT\n- What's building credibility\n- What's missing\n- Visual proof improvements needed\n\n### 7. COPY CRITIQUE\n- Headline rewrite suggestion\n- Buzzword elimination targets\n- Clarity improvements\n\n### 8. COMPETITIVE VISUAL POSITIONING\n- How does this compare to category leaders?\n- Visual differentiation assessment\n- What top competitors do better visually\n\n### 9. THE FIX-IT LIST (Priority Order)\n10 specific visual + copy fixes, prioritized:\n1. Highest impact visual fix\n2. Second highest...\n...\n10. Nice-to-have polish\n\n---\n\n## STEP 12: REPORT RESULTS\n\n```json\n{\n \"website\": \"\",\n \"focus\": \"all\",\n \"overallScores\": {\n \"aboveTheFold\": <0-100>,\n \"colorPalette\": <0-10>,\n \"typography\": <0-10>,\n \"imagery\": <0-10>,\n \"uiPolish\": <0-10>,\n \"trustSignals\": <0-10>,\n \"copy\": <0-10>,\n \"overall\": <0-100>\n },\n \"heroAnalysis\": {\n \"description\": \"detailed visual description\",\n \"background\": {\n \"type\": \"\",\n \"description\": \"\"\n },\n \"primaryVisual\": {\n \"type\": \"\",\n \"description\": \"\",\n \"quality\": \"\"\n },\n \"textStyling\": {\n \"headlineFont\": \"\",\n \"contrast\": \"\",\n \"hierarchy\": \"\"\n },\n \"ctaButtons\": [],\n \"composition\": {\n \"balance\": \"\",\n \"whitespace\": \"\",\n \"visualFlow\": \"\"\n },\n \"effectiveness\": \"\"\n },\n \"colorAnalysis\": {\n \"primaryColors\": [],\n \"secondaryColors\": [],\n \"harmony\": \"\",\n \"contrast\": \"\",\n \"emotion\": \"\",\n \"uniqueness\": \"\"\n },\n \"typographyAnalysis\": {\n \"fonts\": [],\n \"hierarchy\": \"\",\n \"readability\": \"\",\n \"personality\": \"\"\n },\n \"imageryAnalysis\": {\n \"inventory\": [\n {\n \"type\": \"\",\n \"description\": \"\",\n \"quality\": \"\",\n \"purpose\": \"\"\n }\n ],\n \"imageQuality\": \"\",\n \"photoAssessment\": \"\",\n \"illustrationStyle\": \"\",\n \"consistency\": \"\"\n },\n \"uiPolishAnalysis\": {\n \"buttons\": \"\",\n \"spacing\": \"\",\n \"alignment\": \"\",\n \"microInteractions\": \"\",\n \"overallPolish\": \"\"\n },\n \"trustSignalAnalysis\": {\n \"logos\": {\n \"present\": true|false,\n \"quality\": \"\",\n \"companies\": []\n },\n \"testimonials\": {\n \"present\": true|false,\n \"format\": \"\",\n \"effectiveness\": \"\"\n },\n \"badges\": [],\n \"overallCredibility\": \"\"\n },\n \"copyAnalysis\": {\n \"headline\": {\n \"text\": \"\",\n \"clarity\": \"\",\n \"effectiveness\": \"\"\n },\n \"subheadline\": \"\",\n \"buzzwordCount\": <number>,\n \"tone\": \"\",\n \"ctaCopy\": []\n },\n \"pageFlow\": {\n \"sections\": [],\n \"storytelling\": \"\",\n \"visualHierarchy\": \"\"\n },\n \"roast\": {\n \"heroRoast\": \"\",\n \"colorTypographyRoast\": \"\",\n \"imageryTeardown\": \"\",\n \"polishCheck\": \"\",\n \"trustAudit\": \"\",\n \"copyCritique\": \"\",\n \"competitivePosition\": \"\",\n \"wouldConvert\": true|false,\n \"whyOrWhyNot\": \"\"\n },\n \"improvements\": {\n \"prioritizedFixes\": [\n {\n \"priority\": 1,\n \"area\": \"visual|copy|trust|ux\",\n \"issue\": \"\",\n \"fix\": \"\",\n \"impact\": \"high|medium|low\"\n }\n ],\n \"quickWins\": [],\n \"majorOverhauls\": []\n }\n}\n```\n\n---\n\n## WEBSITE VISUAL BENCHMARKS (Reference)\n\n**What great startup sites do:**\n- Clear hero with product visibility\n- Custom imagery (not obvious stock)\n- Consistent illustration style\n- Thoughtful color palette (2-3 colors)\n- Typography hierarchy (2 fonts max)\n- Generous white space\n- Real customer testimonials with photos\n- Device-framed images\n- Subtle but present micro-interactions\n- Mobile-first thinking\n\n**Common visual mistakes:**\n- Hero image that doesn't show the product\n- Stock photos of handshakes and office buildings\n- Corporate Memphis illustrations (overused)\n- Too many colors fighting for attention\n- Body text that's too small\n- Cramped layouts with no breathing room\n- No real human faces/testimonials\n- Images that are too small to read\n- Inconsistent button styles\n- \"Built with [platform]\" templates obvious\n\n**Conversion visual best practices:**\n- CTA buttons that contrast strongly\n- Trust badges near forms\n- Social proof visible without scrolling\n- Clear visual hierarchy pointing to action\n- Progress indicators for multi-step flows\n- Security signals near payment",
"urls": [],
"meta": {
"createdAt": "",
"userAgent": ""
}
}
Add to Chrome