Banner Visual Design Analysis: Calorie Mate “Summer Family Edition”

🟧 Color Psychology & Color Harmony

• Primary Colors: Yellow + Warm White + Teal Accents

• Yellow represents sunshine, vitality, and optimism — perfectly aligning with a “balanced energy” theme;

• Soft white lighting from the curtain gives a natural, airy feel;

• Teal dinosaur hats introduce a cool counterpoint, balancing the overall warmth.

• Color Strategy: High-brightness warm palette + cool accents

• The warm tones unify the family setting;

• Cool details add freshness and prevent visual fatigue;

• The product maintains its iconic yellow-green identity for brand consistency.

🟨 Typography Classification & Weight

• Brand Name “Calorie Mate”

• Classic Script logo font, smooth and approachable;

• White color contrasts sharply with the yellow backdrop, reinforcing recognition;

• Light-to-medium weight supports the “balanced and healthy” brand tone.

• Japanese Copy (元気に育て、怪獣たち。)

• Clean vertical sans-serif typography, modern and readable;

• Medium weight conveys reliability and calmness;

• Vertical layout complements the composition’s left white space rhythmically.

🟩 Grid System / White Space / Alignment

• Layout Structure

• Split composition: left for information, right for emotional storytelling;

• Triangular subject placement (mother + two kids) forms a stable focal zone;

• Brand logo and product line anchor the bottom-left quadrant as the visual endpoint.

• White Space

• The curtain light creates organic negative space;

• Enhances airiness and emphasizes simplicity;

• Keeps product and text areas uncluttered and legible.

• Alignment

• Text and products vertically aligned for balance;

• Diagonal motion (mother → kids → logo) builds a fluid visual flow.

🟦 Visual Hierarchy & Focus Flow

• Primary Focus: Child with Blue Dinosaur Hat

• Strongest color contrast draws instant attention;

• Playful posture embodies the theme of “energetic growth.”

• Secondary Focus: Mother and Younger Child

• Red top harmonizes with warm tones, radiating affection;

• Laughter and interaction amplify the emotional warmth.

• Supporting Focus: Product & Brand Area

• Bottom-left products form an anchor point;

• Reinforces brand identity and concept of “balanced energy.”

more insights