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: Brevo Customer Stories
Create an original, high-fidelity visual design inspired by the reference. Prioritize composition, typography, colors, spacing, and component styling over technical implementation.
## Reference
- **Product:** Brevo
- **Category:** Customer Stories
- **Screenshot:** https://cdn.prod.website-files.com/5e9dc792e1210c5325f7ebbc/6acb675c994832179b560578_6acb656aac21a1e4ab6578ac_cms-7a5e2a2b291edf78b46a45dc.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.
``` Brevoโs Involve.me success story page embraces a contemporary, minimalist aesthetic. Clean layouts, generous white space, and rounded-edge containers create a sense of calm professionalism. The design exudes trustworthiness and accessibility while maintaining a visually engaging interface that appeals to SaaS audiences. ```html
Layout and Structure
``` The page opens with a bold hero section that succinctly frames the case study, featuring a branded logo and concise summary. Content is laid out in a clear narrative flow: introduction, background, challenge, solution, results, and an inviting testimonial. Supporting sections leverage pull quotes, infographic stats, and prominent calls to action to drive engagement without overwhelming readers. ```html
Visual Elements
``` Strategic use of real photography humanizes the brand story, complemented by crisp vector icons that highlight key stats. Subtle animations bring select elements to life as users scroll, fostering an interactive rhythm. Brand-aligned illustrations personalize the page without distracting from the core story. ```html
Color Palette and Typography
``` The palette skillfully blends Brevoโs signature blue with warm gradients and muted grays, balancing vibrancy with restraint. Headings use a bold, modern sans-serif font for hierarchy and clarity, while body text remains legible and approachable. Key figures and quotes use color and weight to instantly capture attention. ```html
User Experience Patterns
``` Sticky navigation ensures users can easily traverse between case studies or learn more about Brevoโs solutions. Calls to action are clear and actionable, standing out without aggressive contrast. Animations and parallax transitions enhance scannability while keeping the reading experience smooth and intuitive. ```html
Unique or Notable Design Choices
``` The integration of real-world brand logos and authentic client quotes dramatically boost credibility. Smart use of interactive, scroll-triggered stat counters adds a playful yet professional flair. The overall tone communicates reliability with a forward-thinking, success-driven edge, ideal for inspiring SaaS designers.