NEXIUN ENGENHARIA
PROJETOS DE ENGENHARIA

Projetos que
se sustentam
na execução.

Precisão técnica, coordenação e documentação para transformar decisões de projeto em obra executável.

Falar com um engenheiro ↗ Conhecer serviços ↓
PRECISÃO × SOLIDEZ × EXECUÇÃO × COORDENAÇÃO × PRECISÃO
SERVIÇOS

Engenharia com
detalhamento para obra.

Do desenvolvimento técnico à documentação final, cada etapa é organizada para reduzir incompatibilidades e dar clareza à execução.

01
⌁

Projetos de engenharia

Desenvolvimento e detalhamento de projetos com foco em precisão, compatibilização e documentação técnica.

02
□

Compatibilização BIM

Coordenação entre disciplinas, identificação de interferências e organização do modelo para uma execução mais previsível.

03
╳

PPCI

Projetos e documentação técnica voltados à segurança contra incêndio e aos processos de aprovação aplicáveis.

04
⌗

Instalações prediais

Desenvolvimento técnico de instalações, com integração entre arquitetura, estrutura e demais sistemas.

MÉTODO

Uma linha de projeto que chega até a obra.

O processo é estruturado para que informação, geometria e documentação estejam alinhadas antes da execução.

01

Entender

Escopo, requisitos, referências e condicionantes.

02

Desenvolver

Modelagem, cálculo, detalhamento e documentação.

03

Compatibilizar

Conferência das interfaces e tratamento de interferências.

04

Entregar

Pranchas e arquivos organizados para uso técnico.

PORTFÓLIO

Projetos pensados
como sistemas.

Uma apresentação limpa para destacar escopo, disciplina e resultado técnico — sem ruído visual.

ENG / 001
01 — PROJETO

Coordenação e detalhamento

Modelo técnico desenvolvido para integrar disciplinas e documentação.

PPCI / 002
02 — SEGURANÇA

Sistema de segurança contra incêndio

Documentação técnica orientada à aprovação e execução.

BIM / 003
03 — BIM

Modelo coordenado

Informação espacial organizada para facilitar a tomada de decisão.

NEXIUN ENGENHARIA

Precisão não é
um acabamento.
É o método.

Projetar é organizar decisões antes que elas cheguem à obra. Por isso, a Nexiun trabalha com uma lógica direta: informação clara, desenho preciso e documentação que sustenta a execução.

DISCIPLINA ENGENHARIA
ABORDAGEM PROJETO + BIM
FOCO EXECUÇÃO
CONTATO

Tem um projeto
para tirar do papel?

Envie as informações básicas do empreendimento. A equipe técnica retorna para entender o escopo e os próximos passos.

E-MAIL contato@nexiun.com.br
/* ================================================================ NEXIUN ENGENHARIA IDENTIDADE VISUAL ================================================================ */ /* ================================================================ VARIÁVEIS ================================================================ */ :root { --blue: #23527F; --gray: #787A7D; --navy: #14314A; --amber: #E8A33D; --white: #F4F6F8; --paper: #FFFFFF; --ink: #102C42; --line: rgba(20, 49, 74, 0.14); --max: 1200px; } /* ================================================================ RESET ================================================================ */ * { box-sizing: border-box; } html { scroll-behavior: smooth; } body { margin: 0; background: var(--white); color: var(--ink); font-family: "Inter", Arial, sans-serif; line-height: 1.55; } a { color: inherit; text-decoration: none; } button, input, select, textarea { font-family: inherit; } /* ================================================================ CONTAINER ================================================================ */ .container { width: min( calc(100% - 48px), var(--max) ); margin: 0 auto; } /* ================================================================ HEADER ================================================================ */ .site-header { height: 78px; background: rgba( 244, 246, 248, 0.96 ); border-top: 3px solid var(--blue); position: sticky; top: 0; z-index: 100; backdrop-filter: blur(12px); } .nav-wrap { height: 100%; display: flex; align-items: center; justify-content: space-between; } /* ================================================================ LOGO ================================================================ */ .brand { display: flex; align-items: center; gap: 12px; } .brand-mark { width: 42px; height: 34px; position: relative; display: block; } .brand-mark:before, .brand-mark:after { content: ""; position: absolute; left: 4px; right: 4px; top: 15px; height: 5px; background: var(--blue); transform-origin: center; } .brand-mark:before { transform: rotate(39deg); } .brand-mark:after { transform: rotate(-39deg); } .brand-mark i { display: none; } .brand-copy { display: flex; flex-direction: column; line-height: 1; } .brand-copy strong { font-family: "Barlow Semi Condensed", sans-serif; font-size: 25px; font-weight: 800; letter-spacing: -0.02em; color: var(--blue); } .brand-copy small { font-family: "IBM Plex Mono", monospace; font-size: 10px; font-weight: 500; line-height: 1.7; letter-spacing: .23em; color: var(--gray); } /* ================================================================ NAVEGAÇÃO ================================================================ */ .main-nav { display: flex; align-items: center; gap: 28px; font-size: 13px; font-weight: 600; } .main-nav a { transition: color .2s ease; } .main-nav a:hover { color: var(--blue); } .main-nav .nav-cta { background: var(--amber); padding: 11px 16px; color: var(--navy); } .menu-toggle { display: none; border: 0; background: transparent; color: var(--navy); font-size: 25px; cursor: pointer; } /* ================================================================ HERO ================================================================ */ .hero { min-height: 680px; background: var(--navy); color: white; position: relative; overflow: hidden; } .hero-grid { position: absolute; inset: 0; background-image: linear-gradient( rgba(255,255,255,.055) 1px, transparent 1px ), linear-gradient( 90deg, rgba(255,255,255,.055) 1px, transparent 1px ); background-size: 28px 28px; } .hero:after { content: ""; position: absolute; width: 420px; height: 420px; right: -140px; bottom: -220px; border: 1px solid rgba( 232, 163, 61, .32 ); transform: rotate(45deg); } .hero-inner { min-height: 680px; display: grid; grid-template-columns: 1fr 1fr; align-items: center; position: relative; z-index: 1; } .hero-copy { max-width: 650px; padding: 70px 0; } /* ================================================================ EYEBROW ================================================================ */ .eyebrow { font-family: "IBM Plex Mono", monospace; font-size: 11px; font-weight: 500; letter-spacing: .12em; color: var(--blue); display: flex; align-items: center; gap: 10px; margin-bottom: 22px; } .eyebrow span { width: 28px; height: 2px; background: var(--amber); display: inline-block; } .eyebrow.light { color: rgba( 255, 255, 255, .72 ); } /* ================================================================ HERO TÍTULO ================================================================ */ .hero h1 { font-family: "Barlow Semi Condensed", sans-serif; font-size: clamp( 58px, 7vw, 94px ); line-height: .88; letter-spacing: -.035em; margin: 0 0 30px; font-weight: 800; } .hero h1 em { color: var(--amber); font-style: normal; } .hero p { max-width: 560px; color: rgba( 255, 255, 255, .72 ); font-size: 17px; margin: 0 0 34px; } /* ================================================================ BOTÕES ================================================================ */ .hero-actions { display: flex; align-items: center; gap: 26px; } .button { border: 0; display: inline-flex; align-items: center; justify-content: center; gap: 25px; padding: 15px 20px; font-family: "Inter", sans-serif; font-size: 13px; font-weight: 700; cursor: pointer; transition: transform .2s ease, background .2s ease; } .button:hover { transform: translateY(-2px); } .button-amber { background: var(--amber); color: var(--navy); } .button-amber:hover { background: #f0ae4d; } .button-amber span { font-size: 17px; } .text-link { font-size: 13px; font-weight: 600; color: white; } .text-link span { color: var(--amber); margin-left: 8px; } /* ================================================================ DESENHO HERO ================================================================ */ .hero-drawing { height: 460px; position: relative; margin-left: auto; width: min( 480px, 100% ); opacity: .95; transition: transform .25s ease; } .drawing-cross { position: absolute; width: 260px; height: 260px; left: 95px; top: 90px; } .drawing-cross:before, .drawing-cross:after { content: ""; position: absolute; left: 50%; top: 0; width: 4px; height: 100%; background: var(--blue); transform: rotate(45deg); } .drawing-cross:after { transform: rotate(-45deg); background: rgba( 255, 255, 255, .75 ); } .drawing-line { position: absolute; border-top: 1px solid rgba( 255, 255, 255, .4 ); } .line-a { width: 100%; top: 145px; } .line-b { width: 82%; top: 330px; right: 0; } .drawing-label, .drawing-dim { position: absolute; font-family: "IBM Plex Mono", monospace; font-size: 10px; font-weight: 500; letter-spacing: .12em; color: var(--amber); } .drawing-label { top: 40px; right: 10px; } .dim-a { top: 130px; left: 0; } .dim-b { bottom: 100px; right: 10px; } .drawing-node { position: absolute; width: 9px; height: 9px; border: 2px solid var(--amber); background: var(--navy); transform: rotate(45deg); } .n1 { left: 90px; top: 140px; } .n2 { right: 30px; top: 140px; } .n3 { left: 90px; bottom: 95px; } .n4 { right: 70px; bottom: 95px; } /* ================================================================ TICKER ================================================================ */ .ticker { background: var(--amber); color: var(--navy); overflow: hidden; } .ticker-inner { height: 52px; display: flex; align-items: center; justify-content: center; gap: 28px; font-family: "IBM Plex Mono", monospace; font-size: 11px; font-weight: 700; letter-spacing: .12em; } .ticker b { font-size: 17px; font-weight: 400; } /* ================================================================ SEÇÕES ================================================================ */ .section { padding: 115px 0; } .section h2, .section h3 { font-family: "Barlow Semi Condensed", sans-serif; } .section-head { display: grid; grid-template-columns: 1.25fr .75fr; gap: 80px; align-items: end; margin-bottom: 58px; } .section h2 { font-size: clamp( 48px, 6vw, 76px ); line-height: .9; letter-spacing: -.035em; margin: 0; font-weight: 800; } .section-intro { color: var(--gray); font-size: 15px; max-width: 440px; margin: 0 0 4px; } /* ================================================================ SERVIÇOS ================================================================ */ .services { background: var(--white); } .service-grid { display: grid; grid-template-columns: repeat( 4, 1fr ); border-top: 1px solid var(--line); border-left: 1px solid var(--line); } .service-card { min-height: 340px; background: white; padding: 25px; position: relative; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); display: flex; flex-direction: column; } .service-card.featured { background: var(--navy); color: white; } .service-no { font-family: "IBM Plex Mono", monospace; font-size: 11px; font-weight: 500; color: var(--gray); } .featured .service-no { color: rgba( 255, 255, 255, .55 ); } .service-icon { font-size: 44px; line-height: 1; margin-top: 65px; color: var(--blue); } .featured .service-icon { color: var(--amber); } .service-card h3 { font-size: 30px; line-height: .95; margin: 20px 0 12px; font-weight: 800; } .service-card p { font-size: 13px; color: var(--gray); margin: 0; max-width: 250px; } .featured p { color: rgba( 255, 255, 255, .65 ); } .card-line { height: 2px; background: var(--blue); width: 28px; margin-top: auto; } .featured .card-line { background: var(--amber); } /* ================================================================ MÉTODO ================================================================ */ .method { background: white; } .method-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 120px; } .method-title p { color: var(--gray); max-width: 440px; margin-top: 30px; } .steps { border-top: 1px solid var(--line); } .step { display: grid; grid-template-columns: 65px 1fr; gap: 25px; padding: 25px 0; border-bottom: 1px solid var(--line); } .step > span { font-family: "IBM Plex Mono", monospace; font-size: 12px; font-weight: 500; color: var(--amber); } .step h3 { font-size: 30px; margin: 0 0 4px; } .step p { margin: 0; color: var(--gray); font-size: 13px; } /* ================================================================ PROJETOS ================================================================ */ .projects { background: var(--white); } .project-grid { display: grid; grid-template-columns: 1.35fr .85fr; gap: 24px; } .project { background: white; } .project-large { grid-row: span 2; } .project-art { height: 290px; position: relative; overflow: hidden; background: var(--navy); } .project-large .project-art { height: 510px; } .project-art .blueprint-grid { background-image: linear-gradient( rgba( 255, 255, 255, .055 ) 1px, transparent 1px ), linear-gradient( 90deg, rgba( 255, 255, 255, .055 ) 1px, transparent 1px ); background-size: 25px 25px; } /* PROJETO INDUSTRIAL */ .industrial { background: var(--blue); } .structure { position: absolute; border: 2px solid rgba( 255, 255, 255, .75 ); transform: skewY(-25deg); height: 360px; width: 115px; bottom: -80px; } .s1 { left: 18%; } .s2 { left: 45%; } .s3 { left: 72%; } /* PPCI */ .fire { background: var(--navy); } .fire-plan { position: absolute; inset: 35px; display: grid; grid-template-columns: 1fr 1fr; gap: 12px; } .fire-plan span { border: 2px solid rgba( 255, 255, 255, .6 ); position: relative; } .fire-plan span:after { content: ""; position: absolute; left: 50%; top: 50%; width: 25px; height: 25px; border: 2px solid var(--amber); transform: translate( -50%, -50% ) rotate(45deg); } /* BIM */ .bim { background: white; border: 1px solid var(--line); } .bim-box { position: absolute; border: 3px solid var(--blue); transform: skewY(-25deg); } .b1 { width: 150px; height: 100px; left: 15%; top: 80px; } .b2 { width: 150px; height: 100px; left: 36%; top: 130px; } .b3 { width: 150px; height: 100px; left: 57%; top: 180px; } /* ================================================================ TAG PROJETO ================================================================ */ .project-tag { position: absolute; left: 18px; top: 18px; background: var(--amber); color: var(--navy); font-family: "IBM Plex Mono", monospace; font-size: 10px; font-weight: 500; padding: 7px 9px; } /* ================================================================ INFORMAÇÕES PROJETO ================================================================ */ .project-info { padding: 23px; } .project-info > span { font-family: "IBM Plex Mono", monospace; font-size: 10px; font-weight: 500; color: var(--gray); letter-spacing: .08em; } .project-info h3 { font-size: 28px; line-height: 1; margin: 10px 0; } .project-info p { font-size: 12px; color: var(--gray); margin: 0; } /* ================================================================ EMPRESA ================================================================ */ .company { background: var(--navy); color: white; position: relative; overflow: hidden; } .company-grid { position: absolute; inset: 0; background-image: linear-gradient( rgba( 255, 255, 255, .055 ) 1px, transparent 1px ), linear-gradient( 90deg, rgba( 255, 255, 255, .055 ) 1px, transparent 1px ); background-size: 28px 28px; } .company-layout { position: relative; z-index: 1; display: grid; grid-template-columns: 1fr 1fr; gap: 120px; } .company h2 { font-size: clamp( 50px, 6vw, 78px ); } .company-copy { padding-top: 50px; } .company-copy > p { font-size: 17px; line-height: 1.75; color: rgba( 255, 255, 255, .72 ); max-width: 500px; } /* ================================================================ DADOS TÉCNICOS ================================================================ */ .technical-data { display: grid; grid-template-columns: repeat( 3, 1fr ); gap: 20px; border-top: 1px solid rgba( 255, 255, 255, .2 ); margin-top: 50px; padding-top: 20px; } .technical-data small { display: block; font-family: "IBM Plex Mono", monospace; font-size: 9px; font-weight: 500; color: rgba( 255, 255, 255, .45 ); margin-bottom: 8px; } .technical-data strong { font-family: "IBM Plex Mono", monospace; font-size: 11px; font-weight: 600; color: var(--amber); } /* ================================================================ CONTATO ================================================================ */ .contact { background: white; } .contact-layout { display: grid; grid-template-columns: .9fr 1.1fr; gap: 110px; } .contact-copy h2 { font-size: clamp( 50px, 6vw, 78px ); } .contact-copy > p { color: var(--gray); max-width: 470px; margin: 30px 0; } .contact-direct { border-top: 1px solid var(--line); padding-top: 18px; margin-top: 55px; } .contact-direct span { font-family: "IBM Plex Mono", monospace; font-size: 9px; font-weight: 500; color: var(--gray); display: block; } .contact-direct a { font-size: 16px; font-weight: 600; color: var(--blue); } /* ================================================================ FORMULÁRIO ================================================================ */ .form-box { border: 1px solid var(--line); padding: 38px; background: var(--white); } form { display: flex; flex-direction: column; gap: 20px; } .field-row { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; } label { font-size: 11px; font-weight: 600; color: var(--navy); } input, select, textarea { display: block; width: 100%; margin-top: 8px; border: 1px solid rgba( 20, 49, 74, .2 ); background: white; padding: 13px 14px; font-size: 13px; font-weight: 400; color: var(--ink); outline: none; border-radius: 0; transition: border-color .2s ease; } input:focus, select:focus, textarea:focus { border-color: var(--blue); } textarea { resize: vertical; } .submit { width: max-content; margin-top: 4px; } /* ================================================================ ERRO ================================================================ */ .form-error { background: #f7e9e9; color: #8b3030; padding: 12px; margin-bottom: 20px; font-size: 12px; } /* ================================================================ SUCESSO ================================================================ */ .form-success { min-height: 350px; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; } .form-success > span { font-size: 30px; color: var(--blue); } .form-success h3 { font-size: 38px; margin: 10px 0; } .form-success p { color: var(--gray); } .form-success a { color: var(--blue); font-size: 13px; font-weight: 700; margin-top: 15px; } /* ================================================================ FOOTER ================================================================ */ .site-footer { background: var(--navy); color: white; border-top: 3px solid var(--blue); } .footer-top { min-height: 180px; display: grid; grid-template-columns: 1fr 1fr 1fr; align-items: center; } .brand-footer .brand-copy strong { color: white; } .brand-footer .brand-copy small { color: rgba( 255, 255, 255, .5 ); } .brand-footer .brand-mark:before, .brand-footer .brand-mark:after { background: white; } .footer-note { font-family: "Barlow Semi Condensed", sans-serif; font-size: 16px; font-weight: 700; line-height: 1.1; } .footer-tech { justify-self: end; font-family: "IBM Plex Mono", monospace; font-size: 10px; font-weight: 500; color: rgba( 255, 255, 255, .5 ); } .footer-bottom { border-top: 1px solid rgba( 255, 255, 255, .12 ); padding: 17px 0; display: flex; justify-content: space-between; font-family: "IBM Plex Mono", monospace; font-size: 10px; font-weight: 400; color: rgba( 255, 255, 255, .48 ); } /* ================================================================ TABLET ================================================================ */ @media (max-width: 950px) { .main-nav { display: none; position: absolute; top: 78px; left: 0; right: 0; background: var(--white); padding: 22px 24px; flex-direction: column; align-items: stretch; border-bottom: 1px solid var(--line); } .main-nav.open { display: flex; } .menu-toggle { display: block; } .hero-inner, .method-layout, .company-layout, .contact-layout { grid-template-columns: 1fr; gap: 55px; } .hero { min-height: auto; } .hero-inner { padding: 65px 0; } .hero-copy { padding: 0; } .hero-drawing { height: 300px; margin: 0 auto; } .drawing-cross { left: calc(50% - 130px); top: 20px; } .service-grid { grid-template-columns: 1fr 1fr; } .section-head { grid-template-columns: 1fr; gap: 25px; } .project-grid { grid-template-columns: 1fr; } .project-large { grid-row: auto; } .project-large .project-art { height: 400px; } .company-copy { padding-top: 0; } .contact-copy h2 { font-size: 55px; } .footer-top { grid-template-columns: 1fr; gap: 25px; padding: 35px 0; } .footer-tech { justify-self: start; } } /* ================================================================ CELULAR ================================================================ */ @media (max-width: 600px) { .container { width: min( calc(100% - 32px), var(--max) ); } .site-header { height: 70px; } .main-nav { top: 70px; } .hero h1 { font-size: 58px; } .hero p { font-size: 15px; } .hero-actions { flex-direction: column; align-items: flex-start; } .ticker-inner { justify-content: flex-start; width: max-content; padding-left: 20px; } .section { padding: 75px 0; } .section h2 { font-size: 50px; } .service-grid { grid-template-columns: 1fr; } .service-card { min-height: 300px; } .field-row { grid-template-columns: 1fr; } .form-box { padding: 22px; } .technical-data { grid-template-columns: 1fr; } .footer-bottom { flex-direction: column; gap: 8px; } }