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

Constructed LF Lockup

Primary Lockup

Constructed LF · IBM Plex Sans 700 · -0.035em · functional underline

Wordmark Only

Public wordmark with flat functional underline · no glow or gradient

Descriptor Lockup

Institutional Lockup

Primary Symbol

Constructed LF for avatars, favicons and compact contexts. It is part of the primary signature system.

Signature Usage

Primary lockup minimum width: 120px · Symbol minimum digital box: 16px × 16px

Logo clear space: 0.5em · Symbol clear space: 0.25em minimum · monochrome survival required

The symbol creates recognition. The name preserves direct authorship.

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

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.