Typography

Arquitetura tipográfica por contexto. Três famílias com papéis distintos e não intercambiáveis.

Marketing

Unbounded

Landing pages e material de marketing. Estética geométrica e de alto impacto. Exclusiva para comunicação de marca fora do produto.

Plataforma

Montserrat

Títulos e displays dentro das plataformas de produto: B2C, B2B e dashboards internos. Elegante e profissional.

Interface

Noto Sans

Base da interface. Componentes, formulários, labels, corpo e apoio. Alta legibilidade em qualquer tamanho.

Escala Unbounded — Marketing

Exclusivo marketing

Usar apenas em landing pages, materiais de comunicação e peças de marketing. Nunca usar em produto, componentes ou fluxos de usuário.

hero/xlUnbounded · Bold · 48px / 56pxMarketing
Transforme seus ambientes

Hero principal. Máximo impacto — acima do fold.

hero/lgUnbounded · Bold · 36px / 44pxMarketing
Design de interiores

Título principal de seção hero.

hero/mdUnbounded · Bold · 28px / 36pxMarketing
Comece seu projeto

Subtítulo hero, títulos de seção acima do fold.

display/lgUnbounded · SemiBold · 22px / 30pxMarketing
Conheça o serviço

Títulos de seção de produto e features.

display/mdUnbounded · SemiBold · 18px / 26pxMarketing
Solicite uma consultoria

Subtítulos de seção e highlights.

display/smUnbounded · Regular · 15px / 22pxMarketing
Ver planos disponíveis

Labels de destaque, taglines e captions.

Plataforma e Interface

Montserrat para Heading 1–3 dentro do produto. Noto Sans para Heading 4 em diante, Body, Labels, Captions e Buttons.

Heading 1Montserrat · Bold · 32px / 40pxMontserrat
Consulte o Design System
Heading 2Montserrat · Semibold · 24px / 32pxMontserrat
Tokens e Componentes
Heading 3Montserrat · Semibold · 20px / 28pxMontserrat
Foundations do produto
Heading 4Noto Sans · Semibold · 16px / 24pxNoto Sans
Instruções de uso
Body LargeNoto Sans · Regular · 16px / 24pxNoto Sans
O DESIGN.md é a fonte operacional escrita para orientar decisões de UI geradas por IA.
Body DefaultNoto Sans · Regular · 14px / 20pxNoto Sans
Use sempre tokens semânticos quando existirem. Recorra a primitivos apenas quando não existir equivalente.
LabelNoto Sans · Medium · 14px / 20pxNoto Sans
Rótulo do campo
CaptionNoto Sans · Regular · 12px / 16pxNoto Sans
Texto auxiliar de apoio e contexto adicional
ButtonNoto Sans · Semibold · 14px / 20pxNoto Sans
Salvar alterações

Regras de uso

  • ·Unbounded é exclusiva para landing pages e material de marketing.
  • ·Nunca usar Unbounded em componentes de produto, formulários, dashboards, tabelas ou fluxos B2B/B2C.
  • ·Nunca misturar Unbounded com Montserrat no mesmo contexto visual.
  • ·Montserrat é a fonte de display para plataformas de produto.
  • ·Noto Sans é a fonte de interface padrão — componentes, labels, corpo e apoio.
  • ·Em dúvida: produto → Montserrat + Noto Sans. Marketing → Unbounded para títulos.
  • ·Tamanho mínimo: 12px. Todo texto em português do Brasil.