Leo Ferraz Brand System

v1.0.0 — Approved

Uma projeção pública das decisões aprovadas do sistema de marca.

Version: 1.0.0
Status: Approved
System: Executable Brand System

Identity

Leo Ferraz

Building with AI

AI-Native Product Lab

Language

Policy

Global Brand. Localized Communication.

Primary content: pt-BR
Global technical: English

Typography

Product / Editorial

IBM Plex Sans

IBM Plex Mono

Display58px / 500

Leo Ferraz

H146px / 500

Building with AI

H230px / 500

AI-Native Product Lab

H321px / 500

Construindo produtos reais com IA.

Body Large20px / 400

SaaS · Apps · Jogos · Experimentos

Body17px / 400

Documentando a jornada.

Body Small14px / 400

Da ideia ao produto.

Metadata12px / 500

PROJECT 003 · BUILDING · VERSION 0.3

Label11px / 500

APPROVED TYPOGRAPHY

Code / Mono12px / 500

commit a91f51 · 1,204 USERS · 18%

Line Heights

Display 1.02 · Headings 1.18 · Body 1.55 · Small 1.40 · Mono 1.34

Tracking

Display -0.035em · Labels +0.075em · Metadata +0.040em · Mono +0.010em

Font delivery: self-hosted at build output.

Color

Precision / Product

Background#0D1117

Surface 1#151B24

Surface 2#1D2632

Border#2A3543

Border Strong#405064

Primary Text#F3F6FA

Secondary Text#B7C2CE

Muted Text#7F8B99

Disabled / Low-emphasis#596574

Accent#4DA3FF

Accent Strong#86C5FF

Accent Subtle#0F2E4C

Experimental Accent#9B8CFF

Experimental Subtle#252044

Semantic colors are state communication only; light mode remains deferred.

Visual Foundations

Modular / Product

Spacing

4 · 8 · 12 · 16 · 24 · 32 · 48 · 64

Grid

10 columns
16px gutter
32px outer

Radius

0 · 4px · 8px

Borders

1px · 2px

Glow

off by default

Signature

Pure / Editorial

Primary Wordmark

Leo Ferraz

IBM Plex Sans · 500 · -0.035em

Descriptor Lockup

Leo Ferraz

Building with AI

Institutional Lockup

Leo Ferraz

Building with AI

AI-Native Product Lab

Secondary utility mark

Plain typographic abbreviation for extremely constrained digital contexts only. It is not the primary signature.

Signature Usage

Primary Wordmark minimum: 18px · LF minimum digital box: 16px × 16px

Clear space: 0.5em · LF clear space: 0.25em minimum · monochrome survival required

The name is the identity. The system provides the recognition.

Responsive System

Canonical breakpoints

Small

< 768px
4 columns
16px gutter
16px outer

Medium

768–1199px
6 columns
16px gutter
24px outer

Large

>= 1200px
10 columns
16px gutter
32px outer

Container: 100% width · 1440px maximum · centered.

Semantic Colors

semantic / state only

Success#79D6A2

Warning#E7B866

Error#F07F8C

Info#7DD3FC

Semantic colors communicate state only. They do not replace the Primary Technology Accent.

Structural Roles

token-derived implementation

Spacing

4 · 8 · 12 · 16 · 24 · 32 · 48 · 64

4–16 local · 24–32 blocks · 48–64 sections

Radius

0 · 4px · 8px

Pills functional only · maximum 8px

Borders

1px #2A3543
2px #405064

Separation and strong structural emphasis

Effects

Shadow: none by default
Glow: not part of Brand System v1

Exceptional elevation only · glow deferred

Design System

Executable / token-driven

Leo FerrazBuilding with AIAI-Native Product Lab

Core components project approved brand decisions into reusable Astro primitives.

BUILDINGREAL PRODUCT ARTIFACT

stateBUILDINGversion0.3commita91f51metadataCANONICAL MOCK

stateAPPROVEDversion0.1.0committokensmetadataMACHINE-READABLE

4–8RADIUSCANONICAL

10GRID COLUMNSLARGE

1440CONTAINER MAXPIXELS

NEUTRALSUCCESSWARNINGERRORINFO

Canonical documentation: brand/*.md · Machine-readable implementation: tokens/tokens.json.