FUTUREFOUNDATION — Visual Identity System v1.1

01 — Logo System

The Structural Mark

Wordmark-forward, geometric, precise. The "F" letterform carries architectural DNA. Designed by an architect, not a marketing agency.

Variant 1 — Plain Single color. Clean. Works in monochrome reproduction.

FutureFoundation

Build what lasts.

Plain — Dark Background

FutureFoundation

Build what lasts.

Plain — Light Background

FF

Icon Mark — Size Scaling (56px → 16px)

FutureFoundation | Servicos

FutureFoundation | Educacao

FutureFoundation | Tecnologia

Channel Lockups — Plain

Variant 2 — Two-Color Future in gold. Visual break emphasizes the brand promise.

FutureFoundation

Build what lasts.

Two-Color — Dark Background

FutureFoundation

Build what lasts.

Two-Color — Light Background

FF

Icon Mark — Size Scaling (56px → 16px)

FutureFoundation | Servicos

FutureFoundation | Educacao

FutureFoundation | Tecnologia

Channel Lockups — Two-Color

Style References

BIG (Bjarke Ingels Group) — architectural wordmark
Pentagram — structural precision
Stripe — tech precision + warmth
McKinsey — premium consulting clarity

Anti-References

ALEPHANT — mystical, overly symbolic
Generic AI logos — gradient blobs, neural nets
Coaching brands — hearts, sunbursts
Startup cliches — rockets, mountains

02 — Color Palette

Dark Canvas, Gold Accent

Premium restraint. Gold signals earned authority — warmer and bolder than amber. AAA contrast on dark backgrounds.

Primary Palette

#1A1A2E

Foundation Dark

Canvas. Authority. Depth.

#F5F0EB

Foundation Light

Contrast. Breathing room. Print.

#E6A800

Gold

Sage wisdom. Premium warmth. AAA on dark.

Channel Accents

#E6A800

Servicos — Gold

Premium, strategic, high-value

#2A9D8F

Educacao — Teal

Knowledge, clarity, growth

#8B95A5

Tecnologia — Silver

Precision, innovation, AI

Semantic Colors

#6B8F6B

Success

Muted sage green

#D4A037

Warning

Warm ochre

#B5544A

Error

Deep terracotta

Anti-Palette — Never Use

✕ Purple (ALEPHANT)

✕ Neon gradients

✕ Primary blue

✕ Rainbow/multicolor

✕ Pastels

03 — Typography

Instrument Serif + Plus Jakarta Sans + JetBrains Mono

Display serif for editorial warmth. Geometric sans for UI clarity. Monospace for data precision. All open-source, all with full PT-BR support.

Display — Instrument Serif

Construir o futuro, juntos.

--ff-font-display · Display · Headings · Editorial

H1 Hero Instrument Serif Italic · 48px Build What Lasts

H2 Instrument Serif · 32px Strategic Architecture

Quote Instrument Serif Italic · 24px "Businesses need foundations before acceleration."

Body — Plus Jakarta Sans

FutureFoundation

--ff-font-body · Body · UI · Labels · Nav

H3 Jakarta Bold · 20px · -0.02em Brand D.N.A. Methodology

Body Jakarta Regular · 16px · 1.7lh FUTUREFOUNDATION is the only firm in Brazil that starts every engagement from brand identity — not from market trends, growth hacks, or generic frameworks.

CTA Jakarta Bold · 14px · 0.05em Start Your Foundation →

Caption Jakarta Medium · 12px · 0.12em Section 01 — Executive Summary

Mono — JetBrains Mono

--ff-gold: #E6A800;

--ff-font-mono · Code · Tokens · Data

Code JetBrains Mono · 14px const brand = extractDNA(business);

Token JetBrains Mono · 12px --ff-space-4: 1rem; /* 16px */

Typography Rules

Instrument Serif for display: headings, quotes, editorial
Plus Jakarta Sans for everything functional: body, UI, nav, labels, CTAs, wordmark
JetBrains Mono for code, tokens, data tables
Never mix beyond these three families
Use weight + style (italic) to create hierarchy

Avoid

Script or handwritten fonts
Decorative display faces beyond Instrument Serif
Rounded/bubbly sans-serifs
All-caps body text
Fonts without PT-BR diacritical support

04 — Channel Differentiation

One Brand, Three Lenses

All channels carry the FUTUREFOUNDATION master brand. Differentiated by accent color and content tone only.

Servicos

Architect

Premium, bespoke, business-forward. Proposals, strategy decks, case studies.

FutureFoundation | Servicos

Educacao

Learn

Accessible, structured, content-forward. Courses, newsletter, events.

FutureFoundation | Educacao

Tecnologia

Build

Precise, innovative, product-forward. Product interfaces, APIs, docs.

FutureFoundation | Tecnologia

05 — Visual Language

Architectural, Not Decorative

Every visual element serves a structural purpose. Grid-based layouts, generous whitespace, flat color, deliberate motion.

Photography

Architectural: concrete, glass, light through forms
Founder editorial: serious but not stern
Detail shots: textures, materials, construction

Never Use

Stock business photos (handshakes, screens)
Motivational imagery (sunsets, roads)
Galaxy/space textures, particle effects

Graphic Elements

Grid-based layouts (blueprint reference)
Structural line work (functional)
Generous whitespace, flat precise color

Avoid

Decorative flourishes, organic shapes
Gradient overlays as primary elements
Bouncy/playful animations

06 — Accessibility

WCAG Contrast Validation

Gold #E6A800 achieves AAA on dark backgrounds — a significant upgrade from the previous amber. On light surfaces, accents remain decorative only.

Foreground	Background	Ratio	Grade
Foundation Light	Foundation Dark	15.06:1	AAA ✓
Gold	Foundation Dark	8.09:1	AAA ✓
Foundation Dark	Foundation Light	15.06:1	AAA ✓
Teal	Foundation Dark	5.13:1	AA ✓
Silver	Foundation Dark	5.64:1	AA ✓
Gold	Foundation Light	1.86:1	Decorative only

07 — Design Tokens

System Token Reference

All decisions encoded as CSS custom properties and JSON. Available at assets/tokens/

Color

--ff-dark: #1A1A2E
--ff-light: #F5F0EB
--ff-gold: #E6A800
--ff-servicos: #E6A800
--ff-educacao: #2A9D8F
--ff-tecnologia: #8B95A5

Typography

--ff-font-display:
Instrument Serif
--ff-font-body:
Plus Jakarta Sans
--ff-font-mono:
JetBrains Mono

Files

design-tokens.css
design-tokens.json

v1.1 · 2026-03-08