5. Logo & Brand Identity

Summary (Logo & Brand Identity Session)

The video is a live, interactive graphic design/branding class covering logos and brand identity. Participants first share design-analysis “posters” from an earlier session (covering composition, hierarchy, scanning patterns, contrast, proximity, and layering). Then the main instructor, Mas Angga, teaches fundamentals of logo types, the difference between branding vs. brand identity, how brand identity components relate, and a practical workflow for creating a logo and brand guidelines in Canva.

---

Artistic Techniques, Concepts, and Creative Processes Shown

1) Visual analysis of posters (design reading methods)

Participants analyze existing posters using common design principles, including:

• Visual hierarchy (what viewers read first/second/last)
• Alignment and positioning in the layout
• Contrast (color contrast to make key elements stand out)
• White space (clean separation / emphasis)
• Size & scale (typographic emphasis; varying title sizes)
• Scanning patterns
  • Z-pattern
  • F-pattern
• Proximity (spacing/grouping elements so the eye moves more easily)
• Layering (stacking foreground characters over backgrounds for depth)
• Rule of thirds / balanced placement (not placing elements at extreme edges)

---

2) Logo fundamentals: definition + types

Mas Angga defines a logo as a symbol/emblem for an institution/brand, explaining that logos can be:

• Abstract
• Mascot
• Emblem
• Wordmark / logotype (text-only brand)
• Pictorial (icon representing the brand)
• Combination logo (mark + word)

He emphasizes that these categories reflect different ways a logo communicates identity.

---

3) Branding vs. brand identity (system thinking)

The class frames a hierarchy:

• Branding = the effort/intention to build identity
• Brand identity = the structured components that make the brand recognizable, such as:
  • Brand story
  • Brand name
  • Verbal identity (tone/how it communicates)
  • Brand personality
  • Product/service
  • Visual identity (logo, colors, typography, icons, photography, patterns)

---

4) Color psychology and visual language

Examples like Coca-Cola and food/delivery brands are used to illustrate:

• Color psychology (e.g., red signaling warmth, excitement, appetite)
• Photography style as part of brand personality
• How consistency in color helps recognition and reduces confusion between similar brands

---

5) Logo design workflow (process)

The instructor explains a practical end-to-end process:

1. Design brief
2. Art direction (style, tone, color palette, references)
3. Moodboard / visual research
4. Sketching
5. Digitizing (tracing) and then
6. Coloring
7. Style guide / brand guidelines
8. File preparation & deliverables (print/web formats)

---

6) Canva practice: creating a combination logo + brand guidelines

Participants follow a live build in Canva, including:

• Creating a custom canvas size (e.g., 2000×2000 for digital work)
• Picking colors via hex codes using an external color-picking approach
• Building an initial logo type (wordmark) and adding a trademark mark (TM)
• Creating a logo mark using vector shapes (an abstract “shoe tip” form)
• Grouping elements and producing logo variations, such as:
  • Dark background with white logo
  • Light background with dark/black logo
• Producing a brand guideline document with:
  • cover page
  • table of contents
  • logo variations + do’s/don’ts
  • brand color specs (primary/secondary)
  • typography samples
  • graphic elements/patterns

---

Step-by-Step Tips / Advice Explicitly Provided (Condensed)

Principles for effective logos (SMART + elements)

Mas Angga introduces logo principles:

• Simple
• Memorable
• Ageless
• Reliable
• Thoughtful

He ties logo quality to key elements:

• Shape
• Color
• Meaning (identity relevance)

---

Creating a logo in practice (Canva)

• Create a custom canvas (pixel units)
• Use a color picker to obtain hex codes
• Add shapes/rectangles and apply the copied hex color
• Create the wordmark text (choose font family + adjust:
  • font size
  • letter spacing (advanced settings))
• Add TM text and adjust spacing/size
• Add a logo mark using Canva shapes; refine corner rounding/rotation
• Group components into a combination logo
• Create at least two background versions (light vs dark) and adjust text/mark color for readability
• Build brand guidelines including:
  • logo variations
  • do’s/don’ts
  • brand colors
  • typography
  • graphic elements/patterns

---

Creators / Contributors Mentioned (at the end of the video)

• Mas Angga (Angga Wibowo) – main instructor/presenter
• Mas Ali – feedback/analysis contributor during poster discussion
• Mas Fais – mentioned as someone who may help coordinate/send the benchmark materials
• Brother Del / Brother Faiz – participant who shared analysis
• Kak Ceesil / Sis Cecilia (Cecil) – participant who shared poster analysis and feedback
• Kak Agnes – participant who answered “both are logos” on one slide
• Brother Andi – participant who answered “both are logos”
• Sis Subilia, Sis Sumilia, Brother Ahmad, Brother Irzan, Sis Amanda, Sis Eka, Sis Rieska, and many other attendees (names appear throughout chat/cam prompts)
• Mas Pais – mentioned as someone to help with sending the downloaded PDF/benchmark
• Participants of the “Canva BCH 14 graphic design” class – group audience