Generate a new design based on this screen using your own content.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
# Design from Reference: Bannerbear Affiliate Page
Create an original, high-fidelity visual design inspired by the reference. Prioritize composition, typography, colors, spacing, and component styling over technical implementation.
## Reference
- **Product:** Bannerbear
- **Category:** Affiliate Page
- **Screenshot:** https://cdn.prod.website-files.com/5e9dc792e1210c5325f7ebbc/62ec9c65c09ba35d770bffed_1659620753879-screenshot-device-1ccacc4f26e2debab9792c21293cf5ae-1659599290269.webp
Analyze the screenshot first. If inaccessible, request it rather than guessing.
## Content
{{content.instructions}}
{{content.data}}
Preserve essential messaging and factual accuracy. Adapt structure and copy length for visual balance; never invent product claims.
## Visual Design
Use this context to reproduce the reference's visual language: layout, typography, colors, spacing, borders, radii, and distinctive elements. The screenshot takes priority if descriptions conflict.
## Direction
{{preferences.fidelityInstructions}}
## Output
{{output.instructions}}
Deliver a polished, cohesive design with precise alignment, hierarchy, and spacing. Produce the requested visual artifact, not just a description. If unsupported, explain the limitation.
That bright yellow hero section with the dripping paint effect is what grabs you first. It's playful without being childish, and it immediately sets Bannerbear apart from the typical blue-gray SaaS landscape. The headline "Earn Recurring Revenue by Helping Businesses Automate Creative Work" is massive, black, and impossible to miss.
Clean Rhythm, Smart Alternation
The layout alternates between left-text-right-icon and right-text-left-icon sections, keeping your eyes moving down naturally. Each block pairs a small illustrated icon with a short value prop. Nothing feels cluttered. The white space is generous and deliberate. Typography stays consistent with a strong sans-serif throughout, heavy weights for headlines, regular for body copy.
The Commission Calculator Is the Star
That affiliate commission calculator on the right side is doing real work. "$147/mo" displayed prominently with a slider underneath makes the earning potential tangible. "Slide to see your commissions grow" is a smart micro-interaction prompt. Pairing it next to the 30% commission pitch on the left creates a compelling two-column argument. The blue CTA buttons pop hard against all that white.