
When creating visual content for a brand, we often come across competitor designs that immediately catch our attention—not because we want to copy their content, but because the overall visual direction feels effective.
If you questions are:-
Then you are at right place.
The challenge is to understand what makes the image work visually and then recreate that design language in a completely original way.
In this case study, I explore a practical approach to analysing a reference image and extracting its visual characteristics without reproducing its actual content. The objective is not to copy the competitor’s message, photography, illustrations, or creative concept. Instead, the focus is on identifying the underlying visual system: colour palette, colour codes, composition, layout structure, typography style, spacing, hierarchy, shapes, visual balance, lighting, and overall design mood.
The reference image becomes a design reference, not a content template.
For example, if a competitor’s image uses a dark navy background, bright orange accents, a large headline on the left, a product visual on the right, generous negative space, and a bold modern aesthetic, we can identify those characteristics and use them to create a completely different image with our own subject, message, imagery, and brand identity.
This approach allows us to answer an important question:
How can we learn from the visual structure of an existing design without copying the design itself?
The following steps explain how this can be done systematically—from analysing the reference image and extracting its visual properties to translating those properties into a new, original creative direction.
Analyse the attached reference image only for its visual design characteristics. Do not reproduce or describe its actual creative content.
Extract the following visual properties:
After analysing the reference, create a new visual direction using only the extracted design principles.
Do not copy:
The final concept should communicate a completely different message and contain original visual content while retaining only the general visual characteristics and design principles identified from the reference.
Return the result in two sections:
A. Visual DNA of the reference
A concise description of the colour, composition, typography, spacing, imagery treatment, and overall design system.
B. New original creative direction
A completely new image concept that applies those general visual principles to different content.
“Use the attached image as the visual design reference. Analyze and follow its visual language for the new image:
use the same or closely matching color palette and color combinations
maintain the same font family/typeface style, weight, and typography character
follow the same text hierarchy, spacing, alignment, and proportions
maintain the same visual style, composition, shapes, borders, shadows, textures, and overall mood
keep the new image original; do not copy the exact content or layout, only use the reference as a design-system reference.
Create the new image with [YOUR NEW CONTENT/DESIGN].
The reference image should be treated as the primary style guide.”
“Treat the attached image as a strict visual style reference. Extract its design system and apply it to the new image.
Preserve the reference’s color palette, dominant/background/accent colors, typography style
and font characteristics, font weights, text hierarchy, spacing, alignment, border treatment, shapes, and overall visual tone.
Do not introduce unrelated colors or typography. If an exact font cannot be identified,
use the closest available font with the same visual characteristics.
Keep the new content and composition original while maintaining the same visual identity.”