Design System

Tokens e componentes

Referência visual interna usada para validar a base do design durante o desenvolvimento. Não exposta ao público (Disallow: / + Basic Auth no stage).

01

Brand

Logo

NC Engenharia e Projetos NC Engenharia e Projetos NC Engenharia e Projetos
bg-bg · uso típico: páginas e seções padrão
NC Engenharia e Projetos NC Engenharia e Projetos NC Engenharia e Projetos
bg-bg-subtle · uso típico: footer e seções alternadas
NC Engenharia e Projetos NC Engenharia e Projetos NC Engenharia e Projetos
bg-fg · uso típico: header e footer (variant="dark" aplica white card)
02

Cores

Brand

#1f2937
--color-primary
#111827
--color-primary-hover
#030712
--color-primary-active
#f3f4f6
--color-primary-soft
#f5b800
--color-accent
#d99800
--color-accent-hover
#b87f00
--color-accent-active
#fef3c7
--color-accent-soft

Surface

#fafaf7
--color-bg
#f5f5f4
--color-bg-subtle
#e7e5e4
--color-bg-muted
#ffffff
--color-surface

Foreground

#0a0e1a
--color-fg
#475569
--color-fg-muted
#64748b
--color-fg-subtle

Border

#e7e5e4
--color-border
#d6d3d1
--color-border-strong

Semantic

#15803d
--color-success
#dcfce7
--color-success-soft
#b45309
--color-warning
#fef3c7
--color-warning-soft
#b91c1c
--color-danger
#fee2e2
--color-danger-soft
03

Tipografia

Titulação primária h1

level=1 · 4xl/5xl · 700 · tight

Subtítulo h2

level=2 · 3xl/4xl · 600 · tight

Seção interna h3

level=3 · 2xl/3xl · 600 · tight

Bloco menor h4

level=4 · xl/2xl · 600 · normal

Parágrafo padrão (text-base, leading-relaxed). A NC Engenharia executa inspeções prediais conforme a NBR 16747, projetos com ART, e laudos técnicos.

Texto secundário (fg-muted) — para descrições, legendas e contexto.

Texto terciário (fg-subtle, text-sm) — para metadados, atribuições, fine print.

Números padrão: 0123456789

Números tabulares: 0123456789 (CNPJ 48.260.965/0001-40)

Code inline: var(--color-primary)

Bold e italic

04

Espaçamento

--space-1
4px · 0.25rem
--space-2
8px · 0.5rem
--space-3
12px · 0.75rem
--space-4
16px · 1rem
--space-6
24px · 1.5rem
--space-8
32px · 2rem
--space-12
48px · 3rem
--space-16
64px · 4rem
--space-24
96px · 6rem
05

Buttons

CTAs principais

accent é o CTA principal — chamariz dourado. primary para ações secundárias dentro do mesmo bloco.

variant="primary"

variant="accent"

variant="secondary"

variant="outline"

variant="ghost"

fullWidth

como link (href)

06

Badges

size="sm"

defaultprimaryaccentsuccesswarningdangeroutline

size="md"

defaultprimaryaccentsuccesswarningdangeroutline
07

Cards

Card simples

Container com surface, border sutil e shadow-xs. Não interativo por padrão.

Card interativo

Hover aumenta shadow e escurece a border. Use para cards clicáveis.

Inspeção Predial

Inspeção Predial Completa

Vistoria técnica conforme NBR 16747, com classificação de anomalias e cronograma de manutenção.

NBR 16747Com ART
08

Prose

Wrapper para conteúdo MDX (páginas de serviço, blog, MVPs de página interna).

Inspeção predial: o que está em jogo

A norma NBR 16747 orienta a vistoria técnica de uma edificação para identificar e classificar anomalias de uso, manutenção e construção. Para mais contexto, consulte o site da ABNT.

O que entra no relatório

  • Classificação por gravidade (crítica, regular, mínima)
  • Cronograma sugerido de manutenção corretiva e preventiva
  • Registro fotográfico de cada anomalia

Comando de exemplo

Para gerar um checklist.csv a partir do relatório:

nc-tools export --report=relatorio.json --format=csv
Toda inspeção entregue pela NC inclui ART do responsável técnico e relatório fotográfico classificado.

Item ordenado:

  1. Vistoria de campo
  2. Análise técnica
  3. Emissão de ART e relatório
09

Service primitives

Componentes de página de serviço com dados fictícios. Composições reais ficam em src/layouts/ServiceLayout.astro.

Inspeção Predial

Inspeção Predial em São Paulo (exemplo)

Inspeção técnica completa de edificações conforme NBR 16747:2020. Laudo com ART emitido por engenheiro civil credenciado, classificação de anomalias e cronograma de intervenções.

NBR 16747:2020Com ART
Prazo
5 a 15 dias úteis
Norma
NBR 16747:2020
Documentação
Laudo + ART
Cobertura
Estado de SP
Inspeção Predial em São Paulo (exemplo) — vistoria técnica em edificação

O que está incluído

  • Vistoria visual sistemática de áreas comuns e fachadas (exemplo)
  • Análise documental — AVCB, alvarás e ARTs anteriores (exemplo)
  • Inspeção dos sistemas hidráulico, elétrico e estrutural (exemplo)
  • Classificação por criticidade conforme NBR 16747 (exemplo)

ServiceMethodology (full)

  1. 01

    Visita técnica preliminar

    Reunião inicial e levantamento documental disponível (exemplo).

  2. 02

    Inspeção em campo

    Vistoria sistemática com registro fotográfico (exemplo).

  3. 03

    Emissão do laudo

    Laudo assinado por engenheiro habilitado, acompanhado da ART (exemplo).

ServiceDeliverables

Prazo estimado: 5 a 15 dias úteis

Laudo Técnico de Inspeção Predial (exemplo)

ART registrada no CREA-SP (exemplo)

Relatório fotográfico organizado (exemplo)

ServiceFAQ

A inspeção predial é obrigatória? (exemplo)
Em São Paulo capital, a Lei Municipal 16.832/2018 regulamenta a obrigatoriedade. Independente da obrigação legal específica, a NBR 16747 estabelece a inspeção como prática essencial.
De quanto em quanto tempo refazer? (exemplo)
A NBR 16747 recomenda revisão entre 1 e 5 anos, conforme tipologia e idade da edificação.

Solicite Inspeção Predial (exemplo)

Resposta técnica em até 1 dia útil. Atendimento em todo o estado de São Paulo.

10

Service primitives v2

Componentes adicionados na Fase 2.1 — layouts split, placeholders de imagem, níveis, sistemas, erros, investimento, cidades e internal linking.

SectionSplit

Layout 2 colunas em desktop que colapsa para stack em mobile. Suporta named slots left e right, prop reverse para inverter ordem em desktop, e variações de bg/padding.

Caption opcional em italic embaixo

ImagePlaceholder — aspect ratios

ServiceLevels

01

Nível 1 — Inspeção Visual

Identificação de anomalias aparentes mediante vistoria visual (exemplo).

Indicada para: Edificações de baixa complexidade técnica.

02

Nível 2 — Análise Documental

Inclui o Nível 1 e adiciona análise de documentação técnica (exemplo).

Indicada para: Pré-aquisição, renovação de seguro.

03

Nível 3 — Com Ensaios

Engloba os Níveis 1 e 2 e incorpora ensaios não destrutivos (exemplo).

Indicada para: Anomalias graves, demandas judiciais.

ServiceSystems

  • Sistema estrutural

    Pilares, vigas, lajes

  • Vedações e revestimentos

    Alvenarias, cerâmicas

  • Fachadas

    Argamassa, pintura, juntas

  • Cobertura

    Telhados, lajes técnicas

  • Hidráulica

    Água fria/quente, esgoto

  • Elétrica

    Quadros, iluminação

  • SPDA

    Proteção contra raios

  • Combate a incêndio

    Hidrantes, extintores

ServiceErrors

  1. 01

    Laudos genéricos sem vinculação ao caso (exemplo)

    Documentos padronizados que não refletem a realidade técnica.

  2. 02

    Ausência de classificação por criticidade (exemplo)

    Anomalias sem indicação de prioridade técnica.

  3. 03

    Cobertura parcial dos sistemas (exemplo)

ServiceInvestment

Prazo de entrega

5 a 15 dias úteis

Da visita técnica preliminar à entrega final do laudo.

Investimento

Orçamento sob consulta, sem custo (exemplo).

Variáveis: porte, idade, complexidade técnica e nível de inspeção (1, 2 ou 3).

Retorno
  • Prevenção de sinistros (exemplo)
  • Proteção da responsabilidade civil
  • Otimização da manutenção

ServiceCities

Ver cidades e bairros atendidos em todo o Brasil

Capitais brasileiras

  • São Paulo
  • Rio de Janeiro
  • Belo Horizonte
  • Brasília
  • Salvador
  • Curitiba

Principais cidades por região

Sudeste

  • Campinas
  • Santos

Sul

  • Joinville

Nordeste

  • Feira de Santana

Centro-Oeste

  • Anápolis

Bairros principais por capital

São Paulo
  • Bela Vista
  • Vila Mariana
  • Pinheiros
  • Moema
Rio de Janeiro
  • Copacabana
  • Ipanema
  • Botafogo
  • Tijuca

Demais cidades mediante consulta (exemplo).

MidCTA — variant gold

Sua edificação se enquadra? (exemplo)

Solicite uma análise técnica preliminar sem custo.

MidCTA — variant dark

Receba um orçamento personalizado (exemplo)

Visita técnica preliminar gratuita. Cotação detalhada em até 48h.

BigRelatedServices

Sem slugs válidos na coleção, este componente fica oculto — comportamento esperado.

StatsBanner

+1.000 Edifícios inspecionados
+10 Anos de experiência técnica
100% Laudos com ART registrada
Brasil Atendimento em todo o país

WhyNC

Section bg primary com foto da equipe + 4 diferenciais.

Por que a NC

Especialistas com responsabilidade técnica

A NC Engenharia atua exclusivamente com engenheiros credenciados, ART para cada laudo e metodologia documentada — o que separa um documento técnico de uma vistoria comercial qualquer.

  • Engenheiros credenciados no CREA-SP com ART ativa

  • Metodologia rigorosa conforme NBR 16747:2020

  • Laudos com validade legal plena

  • Atendimento em todo o Brasil

Equipe técnica da NC Engenharia conduzindo inspeção em campo
Orçamento