Tipografia · olhar de arquiteto.

Fonte principal

Plus Jakarta Sans

Usada em tudo: wordmark, títulos, textos, botões, CTAs, carrosséis, legendas de posts. Pesos 200 a 800.

Baixar ZIP Ver no Google Fonts →

200 · ExtraLight

O olhar que muda tudo.

Texto de apoio leve

300 · Light

O olhar que muda tudo.

Subtítulos · Corpo

300i · Light Italic

O olhar que muda tudo.

Wordmark "olhar de"

400 · Regular

O olhar que muda tudo.

Texto corrido

600 · SemiBold

O olhar que muda tudo.

Wordmark "arquiteto." · UI

700 · Bold

O olhar que muda tudo.

Títulos · H1

800 · ExtraBold

O olhar que muda tudo.

Display · Hero

800i · ExtraBold Italic

O olhar que muda tudo.

Ênfase forte · Carrossel

Specimen · Padrão de composição

Uma foto não se tira,
se constrói.

Existe uma lacuna entre o que o arquiteto cria e o que o mundo enxerga. O olhar de arquiteto. fecha essa lacuna — com método, não com sorte.

Fonte mono · Uso restrito

Space Mono

Exclusivamente para: labels, eyebrows, handles (@), captions, tokens técnicos, números de versão. Nunca em títulos ou texto corrido.

Baixar ZIP Ver no Google Fonts →

Specimen · Space Mono

MÉTODO · FOTOGRAFIA
DE ARQUITETURA · OA.

MÉTODO · FOTOGRAFIA · @olhardearquiteto_

Jean Dallazem — Arquiteto & Fotógrafo · São Paulo

Versão 2.0 · Jul/2026 · uso interno

olhardearquiteto.com.br · hub.olhardearquiteto.com.br

400 · Regular

Jean Dallazem — Fotógrafo

Labels · Captions

700 · Bold

MÉTODO · ARQUITETURA

Eyebrows · Destaques

400i · Italic

uso interno · 2026

Versão · Metadados

CSS — Import e Tokens

/* ── Importar fontes ── */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,800&family=Space+Mono:ital,wght@0,400;0,700;1,400&display=swap');

/* ── Tokens tipográficos ── */
:root {
  --font: 'Plus Jakarta Sans', system-ui, sans-serif;
  --mono: 'Space Mono', monospace;
}

/* ── Usos corretos ── */
.wordmark-1 { font-weight: 300; font-style: italic; letter-spacing: -0.01em; } /* "olhar de" */
.wordmark-2 { font-weight: 600; letter-spacing: -0.03em; }                     /* "arquiteto." */
.display    { font-weight: 800; line-height: 0.90; letter-spacing: -0.04em; }
.h1         { font-weight: 700; line-height: 1.0;  letter-spacing: -0.03em; }
.h2         { font-weight: 600; line-height: 1.1;  }
.body       { font-weight: 400; line-height: 1.75; }
.label      { font-family: var(--mono); letter-spacing: 0.14em; text-transform: uppercase; font-size: 10px; }

duasfontes.

duas
fontes.