# §7 — Visual Territories

**Purpose:** Explore and define visual expressions that reflect the brand's intent.

---

## Key Question 1: What do we want the brand to feel like?

### The Feeling in Five Words

**Intelligent. Confident. Warm. Global. Premium.**

Not cold. Not aggressive. Not playful. Not sterile. The visual system should feel like walking into a beautifully designed private members' library — calm, sophisticated, full of depth, and populated by interesting people from everywhere.

### Sensory Benchmarks

| Sense | Feels Like | Doesn't Feel Like |
|-------|-----------|-------------------|
| **Visual** | Bloomberg Terminal meets Apple Store. Dark, clean, data-rich but never cluttered. | Robinhood's bright playfulness. Plus500's generic performance marketing. |
| **Tactile** | A matte-black hardcover book with embossed foil type. Weight. Substance. | A glossy flyer. A scratch card. A foam finger. |
| **Spatial** | A high-floor office with floor-to-ceiling windows. Expansive perspective. | A crowded trading floor. A noisy casino. A cramped mobile screen. |
| **Tonal** | A confident voice at normal volume in a quiet room. You lean in, not back. | A shouty pitch. An excited YouTuber. A corporate drone. |
| **Temporal** | The long view. Built over 19 years. Designed for the next 19. | FOMO. "Act now." "Limited time." "Don't miss out." |

---

## Key Question 2: What is overused or clichéd in our category?

### The Fintech Visual Graveyard

| Cliché | Who Does It | Why It's Dead |
|--------|------------|---------------|
| **Green arrows going up** | Almost every broker at some point | Implies guaranteed gains. Visually lazy. Regulators flag it. |
| **Excited people staring at phones** | Robinhood, Trading 212, eToro (current) | Stock photography energy. Says "look how happy trading makes you" — gamification. |
| **Bull imagery** | eToro (current), various crypto platforms | Reads 2015 fintech. Aggressive, masculine, dated. The exact thing we're retiring. |
| **Neon green on black** | Robinhood, crypto exchanges | Was fresh in 2018. Now reads "crypto bro." eToro's green needs to evolve, not just darken. |
| **Laptop-on-desk lifestyle shots** | Schwab, Fidelity, every "professional" broker | Generic. Could be any SaaS product. Says nothing about investing. |
| **Confetti and celebrations** | Robinhood (infamous), gamified platforms | The opposite of intelligence. Celebrates the transaction, not the decision. |
| **"Dashboard porn"** — overly detailed UI screenshots | IBKR, Plus500 | Intimidating to everyone except power users. Proves complexity, not sophistication. |
| **National flag imagery for regional ads** | Multiple brokers | Lazy localisation. Reduces a market to its flag. |
| **Gradient backgrounds with floating icons** | Revolut, fintech startups generally | Aesthetic trend that peaked 2020–2022. Now reads generic. |

---

## Key Question 3: What style reflects our values and audience expectations?

### Visual Territory A: "The Intelligence Terminal" ⭐ PRIMARY

**Concept:** Bloomberg's data authority meets Apple's human warmth. Dark-mode-first. Data as art. The screen itself becomes a window into collective intelligence.

**Colour:**
- **Primary background:** Carbon Black #0B0D10 — deeper, more modern than current Navy #000021
- **Primary accent:** Signal Green #0EB12E — used sparingly, only for positive states, CTAs, data highlights
- **Secondary accents:** Accent A #59AEFF (informational), Accent C #B172FF (premium features), Accent B #FF8300 (attention/warnings)
- **Neutrals:** Full scale from #F7F7F7 (light surfaces) through #2E3033 (elevated dark surfaces) to #0B0D10 (deep background)
- **Rule:** Green occupies ≤15% of any composition. Restraint IS the signal.

**Typography:**
- **Display:** eToro Variable 0.7 Bold — clean wordmark energy. ALL CAPS for hero moments only (sparingly).
- **Headlines:** eToro Variable 0.7 at 600 weight — confident, not screaming.
- **Body:** eToro Variable 0.7 at 400 weight — clear, legible, generous line height.
- **Numbers:** eToro Numbers (weight 620, stretch 84%) — financial data gets its own dedicated face.
- **No Tusker Grotesk or Madera in digital.** Those are current brand book (print/marketing). The evolution uses eToro Variable exclusively.

**Photography:**
- Abstract data visualisations rendered as art — light trails, network graphs, flowing data streams
- Real investors in natural settings — not posed, not stock. Diverse, global, intelligent-looking people doing real things
- Architectural imagery suggesting depth and perspective — long corridors, expansive views, structural geometry
- Product screenshots on dark backgrounds — the app floating in space, glowing, the light source in the room
- **Never:** Traders pointing at screens. Excited phone-gazers. Green arrows. Bull imagery. Confetti.

**Layout:**
- Generous negative space. Let elements breathe.
- Asymmetric grids — not rigid 12-column. Intentional tension and balance.
- Progressive disclosure: hero → detail. Start simple, reward scrolling with depth.
- Dark mode as default canvas. Light mode as the variant, not the other way around.

**UI Philosophy:**
- 12px border radius for buttons and inputs (refined, not bubbly)
- 16px border radius for cards (slightly more friendly)
- Shadow: subtle, dark-mode-appropriate. Not the current 13px white-mode shadow.
- Green only on: primary CTAs, positive price changes, confirmed success states
- Red only on: negative price changes, errors, sell actions

**Reference brands:** Bloomberg, Apple, Stripe, Notion, Linear, Arc browser

---

### Visual Territory B: "The Social Canvas"

**Concept:** The community IS the visual identity. People, connections, and social proof as the primary imagery. Warmer than Territory A. More human, less terminal.

**Colour:**
- Same foundation as A (carbon/green system) but with warmer neutrals
- More use of Accent C #B172FF (community/social features) and Accent A #59AEFF (connections/links)
- Green still restrained, but slightly more present — celebrating community activity

**Photography:**
- Emphasis on people: diverse investors in global settings (London café, Dubai skyline, Singapore hawker centre, New York subway)
- Split-screen compositions: the investor AND their screen. Human + data together.
- Community visualisations: network graphs showing real connections between investors
- Popular Investor portraits: treated with respect and dignity, like profile features in Monocle or FT Weekend

**Typography:**
- Same eToro Variable stack but with more expressive use of weight contrast
- Larger pull quotes from community members
- Display type that's warmer — slightly looser tracking, more breathing room

**Layout:**
- Card-based, feed-inspired compositions (reflecting the social feed)
- Profile-forward: every visual includes a human identity
- More motion: subtle parallax, data flowing between connected investors

**Reference brands:** Spotify, Airbnb, Strava, LinkedIn (premium tier)

---

### Visual Territory C: "The Quiet Authority"

**Concept:** Maximum restraint. Hermès meets Goldman Sachs. The brand communicates through what it doesn't show. Every element is deliberate. Nothing is decorative.

**Colour:**
- Near-monochrome: Carbon Black + White + one accent (green OR blue, never both at once)
- Green demoted to functional-only (CTAs, success states) — never decorative
- Large fields of single colour. Blocks, not gradients.

**Photography:**
- Minimal or none. When used: single subjects, negative space, editorial quality
- Architecture over people: structures that suggest stability, permanence, global reach
- Abstract: close-up textures, light studies, material qualities (metal, glass, water)

**Typography:**
- eToro Variable at lighter weights (300–400) for a more refined, editorial feel
- Generous white space between elements
- Type-as-hero: the words themselves are the visual, not decoration around them

**Layout:**
- Maximum negative space. 60%+ of any composition is empty.
- Centred, balanced, symmetrical. Classical composition.
- Scroll-driven reveals: content appears deliberately, not all at once.

**Reference brands:** Hermès, Aesop, Goldman Sachs, Bottega Veneta, Acne Studios

---

## Key Question 4: Are there visual signals from other industries we can borrow?

| Industry | Visual Signal | Application for eToro |
|----------|-------------|----------------------|
| **Aerospace / NASA** | Mission control dashboards: dense data, dark backgrounds, colour-coded status | The "Intelligence Terminal" dark mode aesthetic. Data density that feels purposeful, not overwhelming. |
| **Architecture / Zaha Hadid** | Fluid geometry, parametric curves, structural innovation | Abstract background treatments. Organic data visualisations that feel alive, not mechanical. |
| **Editorial / Monocle, FT Weekend** | Clean typography, generous spacing, photography treated as art | Brand content, Academy pages, Popular Investor profiles. Journalism quality, not blog quality. |
| **Luxury automotive / Porsche, Rivian** | Product as hero in dark environments. Single light source. Obsessive detail. | App mockup photography. The app floating on dark background, perfectly lit. The product IS the luxury object. |
| **Music / Spotify** | Personalised data as cultural moment (Wrapped). Colour as emotion. | "eToro Wrapped" annual review. Personalised portfolio colours. Data-as-identity. |
| **Health tech / Whoop, Oura** | Personal data dashboards that feel empowering, not clinical. Dark UI with accent colours. | Portfolio analytics, risk scores, performance tracking — personal data that makes you feel in control. |
| **Developer tools / Linear, Vercel, Raycast** | Dark-mode-first, minimal UI, keyboard-driven, respects power users | Progressive disclosure UX. A platform that rewards expertise without punishing beginners. |

---

## Output: 3 Visual Direction Slides

### Direction A: "The Intelligence Terminal" ⭐ RECOMMENDED
**Moodboard keywords:** Dark mode, data as art, restrained green, Bloomberg depth, Apple surface, architectural perspective, diverse global investors, product screenshots as hero imagery
**Rationale:** Directly embodies the Sage archetype. Communicates intelligence through restraint. Signals premium without exclusion. Dark-mode-first differentiates from every retail broker. The carbon-black-and-green system is ownable and distinctive.

### Direction B: "The Social Canvas"
**Moodboard keywords:** People-forward, community connections, warm neutrals, network visualisations, split-screen human+data, diverse global settings, editorial portraits, feed-inspired layouts
**Rationale:** Leads with eToro's strongest unique asset — the community. More emotionally warm. Risk: could read as "social media for money" rather than "financial intelligence platform."

### Direction C: "The Quiet Authority"
**Moodboard keywords:** Monochrome, editorial restraint, type-as-hero, architectural minimalism, negative space, single-accent, luxury quietude, material textures
**Rationale:** Maximum sophistication. The Hermès approach. Risk: too cold, too exclusive, could alienate the mass-market base. Works for eToro Club Diamond tier, not for acquisition.

### Recommendation
**Lead with A, borrow from B for community moments, save C for premium tier (Club/Diamond).** This creates a visual hierarchy: the platform feels like A (intelligent, dark, data-rich), community features feel like B (warm, human, connected), and premium experiences feel like C (exclusive, restrained, elevated).

---

## Output: Typography, Colour, Layout References

### Typography System
| Level | Font | Weight | Size | Use |
|-------|------|--------|------|-----|
| Display Hero | eToro Variable 0.7 | 700 | 32px (lh: 40px, ls: -0.25) | Homepage hero, campaign headlines |
| Display Main | eToro Variable 0.7 | 700 | 28px (lh: 32px, ls: -0.25) | Section headers |
| Heading Large | eToro Variable 0.7 | 600 | 24px (lh: 28px, ls: -0.25) | Card titles, feature headers |
| Heading Compact | eToro Variable 0.7 | 600 | 20px (lh: 26px) | Sub-sections |
| Body Large | eToro Variable 0.7 | 500 | 18px (lh: 24px) | Lead paragraphs |
| Body Regular | eToro Variable 0.7 | 400 | 16px (lh: 22px) | Standard body |
| Label | eToro Variable 0.7 | 600 | 14px (lh: 20px) | Buttons, tags, metadata |
| Caption | eToro Variable 0.7 | 500 | 12px (lh: 16px, ls: 0.25) | Disclaimers, fine print |
| Numbers | eToro Numbers | 620 | Variable (stretch: 84%) | All financial data |

### Colour System (Evolution — from Figma DS React)
| Role | Token | Hex | Usage Rule |
|------|-------|-----|-----------|
| Background (deep) | neutral-1000 | #0B0D10 | Primary canvas |
| Background (elevated) | neutral-900 | #1B1E21 | Cards, panels |
| Background (surface) | neutral-700 | #2E3033 | Elevated elements |
| Text (primary) | — | #FFFFFF | On dark backgrounds |
| Text (secondary) | neutral-500 | #999999 | Labels, placeholders |
| Border | neutral-300 | #E0E0E0 | Light mode dividers |
| Primary action | primary-600 | #0EB12E | CTAs, positive signals |
| Primary hover | primary-700 | #10A12C | Hover/pressed states |
| Primary tint | primary-050 | #F2FCF4 | Light green backgrounds |
| Negative | negative-600 | #D12514 | Losses, errors, sell |
| Accent (info) | accent-a | #59AEFF | Links, informational |
| Accent (warning) | accent-b | #FF8300 | Attention states |
| Accent (premium) | accent-c | #B172FF | Premium features, special |

### Layout Principles
1. **Dark canvas default.** Light mode is the variant.
2. **12px radius** for interactive elements (buttons, inputs). **16px** for containers (cards).
3. **Negative space ≥ 40%** of any composition.
4. **Green ≤ 15%** of any composition. Used for action and success, never decoration.
5. **Progressive disclosure.** Above-fold is simple. Depth rewards scrolling.
6. **Asymmetric grids** for marketing. Standard grids for product.
7. **Product screenshots** always on dark backgrounds, never on white.

---

## 🔴 FLAGS FOR LAYER 2 (Research) AND LAYER 3 (Original Thinking)

**For Julia / Research:**
- What do Revolut, Coinbase, and Robinhood look like RIGHT NOW (March 2026)? Has anyone moved to dark-mode-first in the last 90 days?
- What are the current visual trends in premium fintech? Pull examples from Wise, Mercury, Ramp, Brex — B2B fintech is often ahead of B2C on design sophistication.
- Are there non-fintech brands doing "data as art" well? (Health tech, climate tech, space tech — where data visualisation is becoming brand identity)

**For Taste Board / Cultural Intelligence:**
- What does the CE taste DNA say about the current design zeitgeist? Is dark mode still ascending or plateauing?
- What are the anti-trends? Is anyone zigging while the industry zags? (e.g., someone going maximalist while everyone else goes minimal)
- Architectural and spatial design trends that could translate to digital brand — what are the cultural signals?

**For Anton (Stress Test):**
- "Dark mode as default" — does this alienate older investors or those in bright-ambient-light markets (UAE, Australia, Singapore)? Is dark mode a generational preference, not a universal one?
- Three visual territories might be one too many for a strategy doc. Should we commit to A and kill B/C? Or does the "A primary, B for community, C for premium" hierarchy actually work in practice?
- eToro Variable 0.7 — is one typeface family really enough for a global brand? Most premium brands have a secondary editorial typeface. Is this a constraint or a strength?

---

*Section 7 complete. All 4 Key Questions answered. Output format: 3 visual direction slides with moodboard keywords and rationale, typography system, colour system, layout principles. Layer 2/3 flags included.*