Skip to content

IMAGERY & ART DIRECTION — BRAND GUIDELINES (CHAPTER 6)

Brando Brand Guidelines v1.0

6. Imagery & Art Direction

Brando’s imagery reflects the essence of semantic structure, governed systems, and the natural intelligence of the Northern Lights. The visual universe must feel:

  • intentional
  • technical
  • atmospheric
  • minimal
  • premium
  • structured yet fluid

This chapter defines how Brando uses photography, abstract visuals, diagrams, and aurora-inspired imagery to create a distinctive and ownable visual world.

6.1 Art Direction Philosophy

Brando’s imagery sits at the intersection of:

(1) Natural energy

The aurora: flow, motion, transformation.

(2) Machine structure

Nodes, edges, grids, semantics.

(3) Governance

Clarity, balance, rules, consistency.

The art direction must always visually reinforce these fundamental ideas.

6.2 Core Imagery Themes

Brando uses four primary imagery families:

1. Aurora Atmospherics (Signature)

Soft, glowing, Northern Lights–inspired visuals.

Used to convey:

  • energy
  • transformation
  • semantic flow
  • the “alive but contained” quality of intelligent systems

Colors are drawn directly from the Aurora palette:

  • greens
  • cyans
  • violets
  • magentas

Gradients are smooth, cinematic, and restrained.

2. Semantic Graphs (Structural)

Nodes and edges forming meaningful patterns.

Used to convey:

  • logic
  • data structure
  • policy relationships
  • AI interpretability

These illustrations can be:

  • fully abstract
  • representational
  • or directly based on a Brand Policy Graph

Always clean, minimal, and spatial.

3. Abstract Architecture (Foundational)

Modern, geometric, high-contrast architectural images that evoke:

  • stability
  • precision
  • scale
  • structure

Examples include:

  • concrete forms
  • glass reflections
  • repeating geometric patterns
  • engineered materials

These images provide grounding and contrast to aurora softness.

4. Technical Close-Ups (Detail)

Macro views of:

  • circuit boards
  • connections
  • fibers
  • modular systems
  • technical surfaces

Used sparingly to reinforce the machine-actionable nature of Brando.

6.3 What Brando Imagery Should Feel Like

A Brando image should feel:

Quietly powerful

Nothing loud, chaotic, or overly saturated.

Intentional

Every line, gradient, or shape has purpose.

Balanced

Aurora energy meets structured geometry.

Dimensional

Depth, not clutter. Space, not emptiness.

Clean

Minimal composition, high clarity, no visual noise.

Premium

This is not “tech startup playful.” This is enterprise governance.

6.4 Color Treatment Guidelines

Aurora Images

  • Use cyan, green, violet, magenta
  • Keep saturation moderate
  • Prioritize smooth transitions
  • Avoid neon or artificial “gaming” colors

Black & White Architecture

  • Deep contrast
  • Light grain allowed
  • No warm tones
  • High structural clarity

Color Harmony

In a single layout, use only one of the following:

  • aurora image
  • architecture image
  • technical macro

Never blend multiple image families in one composition.

6.5 Composition Principles

1. Negative space

Imagery should never overwhelm typography or strategy diagrams.

2. Structural alignment

Place focal elements on:

  • thirds
  • center
  • or aligned to grid columns

3. Depth layering

Use soft gradients or blur behind structural elements to create subtle atmospheric depth.

4. Directionality

Aurora flows should move:

  • upward
  • diagonally (30°–45°)
  • or left-to-right

Never downward — Brando is about forward motion and elevation.

6.6 Photography Rules

✔ DO

  • Use minimal, architectural photography
  • Prioritize geometric lines and negative space
  • Use atmospheric aurora shots for hero moments
  • Include close-up technological textures sparingly
  • Use cold, neutral color grading

✖ DON’T

  • Use stock photos of people
  • Use corporate meeting-room photography
  • Use warm, saturated sunsets
  • Use nature scenes that aren’t aurora-related
  • Use illustrations that feel cartoonish or playful

Brando is not human-centric; it is brand-semantic-centric.

6.7 Diagram & Illustration Style

Brando diagrams follow semantic graph logic:

Nodes

  • circular
  • clean outlines
  • neutral or aurora accent

Edges

  • 1–2px straight lines
  • no curvature
  • 45° or 90° angles only
  • minimal branching

Labels

  • Inter in small caps / body S
  • minimal text

Grid

Use a 12-column or 8-column underlying grid. Nodes may snap to grid intersections.

Motion (if animated)

  • slow
  • directional
  • data-like
  • not playful

6.8 Hero Visual System

Hero visuals combine:

  • aurora gradients
  • semantic nodes & edges
  • dimensional depth
  • subtle shadow or glow
  • structural composition

This is Brando’s most iconic expression.

Key rules:

  • Typography always sits on stable, high-contrast areas
  • Never place text directly over a bright aurora area
  • Apply subtle overlays for readability
  • Movement must be minimal and atmospheric

6.9 Image Treatments

For Aurora Imagery:

  • Apply subtle vignette for focus
  • Optional grain for cinematic texture
  • Keep blur radius soft

For Architecture:

  • Convert to monochrome
  • Apply clarity and contrast
  • Keep surfaces clean
  • Avoid recognizable landmarks

For Technical Close-Ups:

  • Metallic tones
  • High detail
  • Cool color temperature

6.10 Incorrect Imagery

❌ Photography with people

❌ Warm color environments (orange, yellow, red tones)

❌ Stock “AI brain,” glowing circuits, wireframe heads

❌ Overly saturated auroras (gaming aesthetic)

❌ Cartoon illustrations

❌ Flat icons without structure

❌ Unsophisticated freeform shapes

❌ Busy or chaotic compositions

❌ Pixel art or retro-tech

❌ Overlapping multiple imagery families in a single layout

Brando must always feel modern, intentional, and premium.

6.11 Usage Examples

Hero Section Example

A soft aurora gradient with a single semantic graph node pattern lightly behind the headline.

Documentation Example

Neutral background + minimal diagram showing policy graph structure.

Product UI Example

Small semantic nodes marking active states; otherwise grayscale UI.

Marketing Slide Example

Split screen: black & white geometry on left, aurora ribbon on right.

6.12 How Imagery Supports Brando’s Brand Narrative

Imagery isn’t decoration — it is part of meaning.

It communicates:

  • Governance (structure, architecture)
  • Semantic flow (aurora gradients)
  • AI interpretability (technical close-ups)
  • Brand identity (node diagrams)

Brando imagery should feel like the visual language of a new standard — the way HTML once felt for browsers.