.hero-container { display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; align-items: center; max-width: 1200px; margin: 0 auto; padding: 0 1.5rem; } .hero-content { animation: fadeInUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) both; } .hero-badge { display: inline-flex; align-items: center; gap: 0.5rem; background: rgba(212,175,55,0.12); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); color: rgba(255,255,255,0.88); padding: 0.45rem 1.1rem; border-radius: var(--radius-full, 9999px); font-size: 0.82rem; font-weight: 500; margin-bottom: 1.5rem; border: 1px solid rgba(212,175,55,0.25); } .hero-badge svg { width: 14px; height: 14px; stroke: var(--color-accent, #D4AF37); fill: none; stroke-width: 2; flex-shrink: 0; } .hero-content h1 { font-family: var(--font-heading, 'Cinzel', serif); font-size: clamp(2rem, 4.5vw, 3.4rem); font-weight: 700; color: #fff; line-height: 1.18; margin-bottom: 1.25rem; letter-spacing: -0.01em; } .hero-content h1 em { font-style: italic; color: var(--color-accent, #D4AF37); font-weight: 400; } .hero-sub { font-size: clamp(1rem, 1.8vw, 1.15rem); color: rgba(255,255,255,0.78); margin-bottom: 2.5rem; line-height: 1.72; max-width: 500px; } .hero-ctas { display: flex; gap: 1rem; flex-wrap: wrap; } .btn-primary { display: inline-flex; align-items: center; gap: 0.5rem; background: var(--color-accent, #D4AF37); color: #fff; padding: 0.875rem 2rem; border-radius: var(--radius-full, 9999px); font-weight: 700; font-size: 0.97rem; text-decoration: none; transition: transform 0.25s ease, box-shadow 0.25s ease; min-height: 44px; white-space: nowrap; box-shadow: 0 4px 20px rgba(212,175,55,0.3); } .btn-primary svg { width: 18px; height: 18px; flex-shrink: 0; fill: currentColor; } .btn-primary:hover { transform: translateY(-3px); box-shadow: 0 10px 30px rgba(212,175,55,0.45); } .btn-primary:focus-visible { outline: 2px solid #fff; outline-offset: 3px; } .btn-secondary { display: inline-flex; align-items: center; gap: 0.5rem; background: transparent; color: rgba(255,255,255,0.88); padding: 0.875rem 2rem; border-radius: var(--radius-full, 9999px); font-weight: 600; font-size: 0.97rem; text-decoration: none; border: 1.5px solid rgba(255,255,255,0.45); transition: background 0.25s ease, border-color 0.25s ease, color 0.25s ease; min-height: 44px; white-space: nowrap; } .btn-secondary:hover { background: rgba(255,255,255,0.1); border-color: rgba(255,255,255,0.85); color: #fff; } .btn-secondary:focus-visible { outline: 2px solid #fff; outline-offset: 3px; } .hero-visual { display: flex; align-items: center; justify-content: center; animation: slideInRight 0.8s cubic-bezier(0.16, 1, 0.3, 1) 0.2s both; } .hero-card { background: rgba(255,255,255,0.09); backdrop-filter: blur(24px); -webkit-backdrop-filter: blur(24px); border: 1px solid rgba(212,175,55,0.2); border-radius: 1.5rem; padding: 2.5rem; width: 100%; max-width: 380px; box-shadow: 0 24px 60px rgba(0,0,0,0.35), inset 0 1px 0 rgba(255,255,255,0.08); } .hero-card-eyebrow { font-size: clamp(0.72rem, 1.8vw, 0.75rem); font-weight: 600; text-transform: uppercase; letter-spacing: 0.14em; color: var(--color-accent, #D4AF37); margin-bottom: 0.3rem; } .hero-card-title { font-family: var(--font-heading, 'Cinzel', serif); font-size: 1.05rem; font-weight: 500; color: rgba(255,255,255,0.88); margin-bottom: 1.75rem; } .hero-card-divider { height: 1px; background: linear-gradient(90deg, rgba(212,175,55,0.4), rgba(212,175,55,0.05)); margin-bottom: 1.75rem; } .hero-stat-row { display: flex; justify-content: space-between; gap: 0.5rem; margin-bottom: 2rem; } .hero-stat { text-align: center; flex: 1; } .hero-stat-num { font-family: var(--font-heading, 'Cinzel', serif); font-size: 1.7rem; font-weight: 700; color: var(--color-accent, #D4AF37); display: block; line-height: 1; font-variant-numeric: tabular-nums; } .hero-stat-label { font-size: clamp(0.7rem, 1.8vw, 0.75rem); color: rgba(255,255,255,0.52); margin-top: 0.3rem; display: block; text-transform: uppercase; letter-spacing: 0.05em; line-height: 1.35; } .hero-card-cta { display: flex; align-items: center; justify-content: center; gap: 0.5rem; background: linear-gradient(135deg, var(--color-accent, #D4AF37), #b8952e); color: #fff; padding: 0.8rem 1.5rem; border-radius: var(--radius-full, 9999px); font-weight: 700; font-size: 0.87rem; text-decoration: none; transition: transform 0.25s ease, box-shadow 0.25s ease; min-height: 44px; letter-spacing: 0.02em; } .hero-card-cta svg { width: 15px; height: 15px; stroke: currentColor; fill: none; stroke-width: 2; flex-shrink: 0; } .hero-card-cta:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(212,175,55,0.45); } .hero-card-cta:focus-visible { outline: 2px solid #fff; outline-offset: 3px; } @media (max-width: 900px) { .hero-container { grid-template-columns: 1fr; gap: 3rem; text-align: center; } .hero-ctas { justify-content: center; } .hero-sub { margin: 0 auto 2rem; } .hero-visual { display: none; } } @media (max-width: 480px) { #inicio { padding: 100px 1.25rem 70px; } .hero-ctas { flex-direction: column; align-items: center; } .btn-primary, .btn-secondary { width: 100%; justify-content: center; } } /* ── SOCIAL PROOF ── */ #social-proof { background: var(--color-surface, #ffffff); border-top: 1px solid rgba(44,62,80,0.08); border-bottom: 1px solid rgba(44,62,80,0.08); padding: 4rem 1.5rem; overflow-x: hidden; } .proof-container { max-width: 1100px; margin: 0 auto; } .proof-label { text-align: center; color: var(--color-text, #171717); opacity: 0.5; font-size: clamp(0.8rem, 2vw, 0.85rem); font-weight: 600; text-transform: uppercase; letter-spacing: 0.14em; margin-bottom: 2.5rem; } .proof-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.5rem; text-align: center; } .proof-stat { position: relative; padding: 0 1rem; } .proof-stat + .proof-stat::before { content: ''; position: absolute; left: 0; top: 10%; height: 80%; width: 1px; background: rgba(212,175,55,0.25); } .proof-number { font-family: var(--font-heading, 'Cinzel', serif); font-size: clamp(2.2rem, 4vw, 3rem); font-weight: 700; color: var(--color-primary, #2C3E50); display: block; line-height: 1; font-variant-numeric: tabular-nums; } .proof-stat-label { font-size: 0.87rem; color: var(--color-text, #171717); opacity: 0.62; margin-top: 0.55rem; font-weight: 500; display: block; } @media (max-width: 768px) { .proof-grid { grid-template-columns: repeat(2, 1fr); gap: 2rem 1rem; } .proof-stat + .proof-stat::before { display: none; } } /* ── SERVIÇOS ── */ #servicos { background: var(--color-bg, #ECF0F1); padding: 100px 1.5rem; overflow-x: hidden; } .section-container { max-width: 1200px; margin: 0 auto; } .section-header { text-align: center; margin-bottom: 4rem; } .section-tag { display: inline-block; background: rgba(44,62,80,0.08); color: var(--color-primary, #2C3E50); font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.14em; padding: 0.35rem 1.1rem; border-radius: var(--radius-full, 9999px); margin-bottom: 1rem; } .section-title { font-family: var(--font-heading, 'Cinzel', serif); font-size: clamp(1.75rem, 3.8vw, 2.8rem); font-weight: 700; color: var(--color-text, #171717); line-height: 1.2; margin-bottom: 1rem; letter-spacing: -0.01em; } .section-subtitle { font-size: 1.05rem; color: var(--color-text, #171717); opacity: 0.65; max-width: 560px; margin: 0 auto; line-height: 1.68; } .services-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.75rem; } .service-card { background: var(--color-surface, #ffffff); border-radius: 1.25rem; padding: 2rem; border: 1px solid rgba(44,62,80,0.07); transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease; position: relative; overflow: hidden; } .service-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: linear-gradient(90deg, var(--color-primary, #2C3E50), var(--color-accent, #D4AF37)); transform: scaleX(0); transform-origin: left center; transition: transform 0.35s ease; } .service-card:hover { transform: translateY(-6px); box-shadow: 0 20px 50px rgba(44,62,80,0.12); border-color: rgba(212,175,55,0.2); } .service-card:hover::before { transform: scaleX(1); } .service-icon { width: 52px; height: 52px; border-radius: 13px; background: linear-gradient(135deg, var(--color-primary, #2C3E50), #3d5a74); display: flex; align-items: center; justify-content: center; margin-bottom: 1.25rem; flex-shrink: 0; } .service-icon svg { width: 24px; height: 24px; stroke: rgba(255,255,255,0.95); stroke-width: 1.5; fill: none; stroke-linecap: round; stroke-linejoin: round; } .service-card h3 { font-family: var(--font-heading, 'Cinzel', serif); font-size: 1.05rem; font-weight: 600; color: var(--color-text, #171717); margin-bottom: 0.75rem; line-height: 1.3; } .service-card p { font-size: 0.91rem; color: var(--color-text, #171717); opacity: 0.68; line-height: 1.72; margin-bottom: 1.25rem; } .service-benefit { display: inline-flex; align-items: flex-start; gap: 0.4rem; font-size: 0.79rem; font-weight: 600; color: var(--color-primary, #2C3E50); background: rgba(44,62,80,0.06); padding: 0.35rem 0.9rem; border-radius: var(--radius-full, 9999px); line-height: 1.45; } .service-benefit svg { width: 13px; height: 13px; stroke: var(--color-accent, #D4AF37); fill: none; stroke-width: 2.5; flex-shrink: 0; margin-top: 1px; } @media (max-width: 900px) { .services-grid { grid-template-columns: repeat(2, 1fr); gap: 1.5rem; } } @media (max-width: 580px) { .services-grid { grid-template-columns: 1fr; } #servicos { padding: 70px 1.25rem; } .service-card { padding: 1.75rem; } }
Arquitetura & Design de Interiores · Curitiba, PR

Seu espaço tem personalidade.
Seu projeto também deveria ter.

Projetos 100% personalizados que transformam a sua visão em espaços que encantam — desde 2011 em Curitiba e região.

15 anos transformando espaços em Curitiba e região

200+ Projetos Entregues
15 Anos de Experiência
100% Projetos Personalizados
24h Tempo de Resposta

Cada projeto começa com uma escuta

Do conceito à entrega, criamos soluções arquitetônicas que refletem quem você é — não o que está em catálogo.

Projeto Arquitetônico Residencial

Do primeiro esboço à aprovação na prefeitura, você acompanha cada decisão. Entregamos planta baixa, cortes, fachada e memorial descritivo — tudo pensado para a sua forma de viver, não para um modelo de catálogo.

Um lar que parece ter sido feito só para você

Design de Interiores

A arquitetura define o espaço. O design de interiores transforma em ambiente. Criamos a ambientação completa — paleta de cores, móveis, revestimentos e iluminação — para que cada cômodo conte a sua história.

Ambientes que parecem saídos de uma revista — e são seus

Projeto Comercial

Escritórios, lojas e restaurantes que encantam antes mesmo de o cliente entrar. Projetamos espaços que traduzem a identidade da sua marca e transformam visitas em negócios.

Um espaço comercial que vende por você

Consultoria de Reforma

Quer reformar com orçamento definido e sem surpresas? Fazemos um laudo técnico completo com sugestões de otimização para você aproveitar ao máximo cada metro quadrado — e cada real investido.

Reforma inteligente: mais resultado com menos desperdício

Paisagismo

Jardins, varandas e áreas externas integradas ao projeto arquitetônico. Um espaço completo se estende além das paredes — e a natureza bem projetada multiplica o valor e o bem-estar do imóvel.

Áreas externas que prolongam a experiência do seu espaço

Por que mais de 200 famílias e empresas de Curitiba confiam no Atelier Forma?

Em 2011, duas arquitetas apaixonadas por espaços humanos fundaram o Atelier Forma com uma crença simples: um bom projeto começa pela escuta, não pelo traço. Nenhuma planta baixa deveria ser desenhada antes de entender como você vive, o que você ama e o que quer sentir quando chega em casa.

Nessa filosofia, construímos mais de 200 projetos residenciais e comerciais em Curitiba e região. Projetos que não seguem tendências de catálogo — que seguem você. Cada cliente recebe atenção exclusiva, do primeiro café à entrega final.

O que nos diferencia não é só a técnica. É a combinação de rigor técnico com sensibilidade humana. Sabemos que você não está comprando metros quadrados — está investindo em qualidade de vida, em memórias, em um espaço que vai receber as pessoas que você ama.

Se você já se decepcionou com projetos genéricos ou nunca contratou um arquiteto por achar complicado ou caro demais, estamos aqui para mostrar que pode ser diferente. Uma conversa de 30 minutos pode mudar o seu imóvel para sempre.

2011 Fundado em
200+ Projetos Entregues
15 Anos em Curitiba
2 Arquitetas Fundadoras

Atelier Forma
Arquitetura

Espaços que inspiram, projetos que transformam

Curitiba, PR · Desde 2011

Residencial Interiores Comercial

Como é Simples Trabalhar com a Gente

Conversa de Diagnóstico

Uma reunião de 30 minutos — presencial ou online — para entender seu estilo de vida, seus gostos e o projeto que você imagina. Sem custo, sem compromisso.

Projeto Personalizado

Desenvolvemos cada detalhe com você: conceito, plantas, materiais e ambientação. Você aprova cada etapa antes de avançarmos — nada é decidido sem a sua validação.

Entrega e Acompanhamento

Seu projeto finalizado, pronto para execução, com todo o suporte técnico para que a obra saia exatamente como você imaginou — sem surpresas.

11.893-11.893a11.821 11.821 0 00-3.48-8.413Z"/>