Nossa História | GRAFAM BH 25 Anos
/* Mantém o cabeçalho do Elementor sempre acima do HTML personalizado */
header,
#masthead,
.site-header,
.elementor-location-header,
.elementor-sticky,
.elementor-element.elementor-sticky,
.elementor-nav-menu,
.elementor-widget-theme-site-logo {
position: relative;
z-index: 99999 !important;
}
:root {
--carvao: #10100f;
--terra: #6b3f24;
--cobre: #b36a35;
--areia: #e8d7b8;
--fluor-pink: #ff00c8;
--fluor-lime: #dfff00;
--fluor-blue: #00e5ff;
--fluor-orange: #ff6a00;
--texto: #f8f1e5;
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
html {
scroll-behavior: smooth;
}
body {
overflow-x: hidden;
}
.grafam-story {
position: relative;
z-index: 0 !important;
width: 100%;
overflow: hidden;
font-family: 'Inter', sans-serif;
color: var(--texto);
background: var(--carvao);
isolation: isolate;
}
.grafam-story::before {
content: "";
position: absolute;
inset: 0;
z-index: 0;
pointer-events: none;
opacity: .12;
background:
radial-gradient(rgba(255,255,255,.22) 1px, transparent 1px),
linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px);
background-size: 5px 5px, 100% 7px;
mix-blend-mode: overlay;
}
.grafam-story section {
position: relative;
z-index: 1;
min-height: auto;
padding: 170px 8vw 130px;
display: flex;
align-items: flex-start;
overflow: hidden;
}
.grafam-story .content {
position: relative;
z-index: 1;
width: min(1180px, 100%);
padding-top: 0;
}
.grafam-story .eyebrow {
display: inline-block;
margin-bottom: 22px;
font-size: 13px;
font-weight: 900;
letter-spacing: 5px;
text-transform: uppercase;
}
.grafam-story p {
max-width: 760px;
font-size: clamp(17px, 1.4vw, 22px);
line-height: 1.75;
margin-bottom: 22px;
}
.grafam-story .hero {
padding-top: 230px;
background:
radial-gradient(circle at 10% 20%, rgba(179,106,53,.58), transparent 28%),
radial-gradient(circle at 80% 10%, rgba(107,63,36,.5), transparent 30%),
linear-gradient(135deg, #1a120d 0%, #3b2216 38%, #6b3f24 72%, #9b5a31 100%);
}
.grafam-story .hero h1 {
font-family: 'Cinzel', serif;
font-size: clamp(34px, 5.8vw, 82px);
line-height: 1;
letter-spacing: -1.5px;
text-transform: uppercase;
max-width: 920px;
}
.grafam-story .hero .eyebrow {
color: #f0c27b;
}
.grafam-story .hero p {
font-family: 'Playfair Display', serif;
font-size: clamp(18px, 1.5vw, 24px);
max-width: 760px;
margin-top: 32px;
color: #f3dec0;
}
.grafam-story .hero::after {
content: "2001";
position: absolute;
right: -4vw;
bottom: -3vw;
font-family: 'Cinzel', serif;
font-size: clamp(90px, 18vw, 300px);
color: rgba(255,255,255,.055);
line-height: .75;
z-index: 0;
}
.grafam-story .seed {
background: linear-gradient(120deg, #6b3f24 0%, #b36a35 42%, #e8d7b8 100%);
color: #1a120d;
}
.grafam-story .seed h2 {
font-family: 'Playfair Display', serif;
font-size: clamp(40px, 5.6vw, 78px);
line-height: 1;
max-width: 980px;
}
.grafam-story .seed p {
color: #20160f;
font-family: 'Playfair Display', serif;
}
.grafam-story .seed .eyebrow {
color: #4d2a17;
}
.grafam-story .seed::before,
.grafam-story .evolution::before,
.grafam-story .future::before {
content: "";
position: absolute;
inset: 7%;
border: 1px solid rgba(255,255,255,.32);
pointer-events: none;
z-index: 0;
}
.grafam-story .first-machine {
background:
radial-gradient(circle at 20% 30%, rgba(255,255,255,.35), transparent 24%),
linear-gradient(135deg, #e8d7b8 0%, #f2dfc6 35%, #f4b6c8 70%, #a9dbe8 100%);
color: #151515;
}
.grafam-story .first-machine h2 {
font-family: 'Bebas Neue', sans-serif;
font-size: clamp(38px, 5.6vw, 76px);
line-height: .96;
letter-spacing: 1px;
max-width: 900px;
}
.grafam-story .first-machine p {
color: #242424;
font-family: 'Inter', sans-serif;
font-weight: 500;
}
.grafam-story .stamp {
display: inline-flex;
align-items: center;
justify-content: center;
margin: 34px 0;
width: 180px;
height: 180px;
border: 4px solid #151515;
border-radius: 50%;
font-family: 'Bebas Neue', sans-serif;
font-size: 34px;
line-height: .9;
text-align: center;
transform: rotate(-8deg);
opacity: .76;
}
.grafam-story .evolution {
background: linear-gradient(135deg, #f4b6c8 0%, #f7d7a8 28%, #bfe6cc 54%, #a9dbe8 100%);
color: #121212;
}
.grafam-story .evolution h2 {
font-family: 'Space Grotesk', sans-serif;
font-size: clamp(38px, 6vw, 82px);
line-height: .96;
letter-spacing: -2px;
max-width: 1000px;
}
.grafam-story .evolution p {
color: #222;
font-family: 'Space Grotesk', sans-serif;
font-weight: 500;
}
.grafam-story .timeline {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 18px;
margin-top: 58px;
max-width: 1180px;
}
.grafam-story .year {
padding: 28px 22px;
border: 1px solid rgba(0,0,0,.22);
background: rgba(255,255,255,.25);
backdrop-filter: blur(10px);
min-height: 180px;
}
.grafam-story .year strong {
display: block;
font-family: 'Space Grotesk', sans-serif;
font-size: 38px;
font-weight: 700;
margin-bottom: 18px;
}
.grafam-story .year span {
font-size: 15px;
line-height: 1.5;
color: #252525;
}
.grafam-story .park {
background:
radial-gradient(circle at 20% 80%, rgba(0,229,255,.35), transparent 28%),
radial-gradient(circle at 80% 20%, rgba(255,0,200,.30), transparent 30%),
linear-gradient(135deg, #a9dbe8 0%, #d7c0ff 32%, #f4b6c8 62%, #ffb36b 100%);
color: #111;
}
.grafam-story .park h2 {
font-family: 'Inter', sans-serif;
font-size: clamp(38px, 6vw, 86px);
line-height: .94;
letter-spacing: -3px;
font-weight: 900;
max-width: 1100px;
}
.grafam-story .park p {
color: #202020;
font-family: 'Inter', sans-serif;
font-weight: 600;
}
.grafam-story .process-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 16px;
margin-top: 52px;
max-width: 1180px;
}
.grafam-story .process {
padding: 24px;
min-height: 120px;
border: 1px solid rgba(0,0,0,.2);
background: rgba(255,255,255,.28);
font-family: 'Inter', sans-serif;
font-weight: 900;
font-size: 20px;
text-transform: uppercase;
display: flex;
align-items: center;
}
.grafam-story .philosophy {
background: linear-gradient(135deg, #231527 0%, #5f2172 25%, #ff00c8 52%, #ff6a00 100%);
}
.grafam-story .philosophy h2 {
font-family: 'Anton', sans-serif;
font-size: clamp(44px, 7vw, 104px);
line-height: .92;
text-transform: uppercase;
max-width: 1100px;
color: #fff;
}
.grafam-story .philosophy p {
font-family: 'Space Grotesk', sans-serif;
font-weight: 600;
color: #fff7e8;
}
.grafam-story .future {
background:
radial-gradient(circle at 15% 20%, var(--fluor-pink), transparent 28%),
radial-gradient(circle at 70% 22%, var(--fluor-blue), transparent 32%),
radial-gradient(circle at 70% 80%, var(--fluor-lime), transparent 28%),
linear-gradient(135deg, #ff00c8 0%, #7b2cff 30%, #00e5ff 58%, #dfff00 100%);
color: #050505;
}
.grafam-story .future h2 {
font-family: 'Anton', sans-serif;
font-size: clamp(46px, 8vw, 116px);
line-height: .88;
text-transform: uppercase;
max-width: 1250px;
color: #070707;
text-shadow: 0 0 24px rgba(255,255,255,.25);
}
.grafam-story .future p {
color: #090909;
font-family: 'Space Grotesk', sans-serif;
font-weight: 700;
max-width: 850px;
margin-top: 36px;
}
.grafam-story .signature {
margin-top: 52px;
display: inline-block;
font-family: 'Anton', sans-serif;
font-size: clamp(42px, 6vw, 92px);
line-height: .9;
color: #070707;
border-top: 8px solid #070707;
padding-top: 18px;
text-transform: uppercase;
}
.grafam-story .ornament {
position: absolute;
pointer-events: none;
opacity: .42;
mix-blend-mode: overlay;
z-index: 0;
}
.grafam-story .circle-one {
width: 42vw;
height: 42vw;
border: 3vw solid rgba(255,255,255,.18);
border-radius: 50%;
left: -18vw;
bottom: -18vw;
}
.grafam-story .circle-two {
width: 28vw;
height: 28vw;
border: 2vw solid rgba(0,0,0,.18);
border-radius: 50%;
right: -8vw;
top: 12vh;
}
.grafam-story .lines {
inset: auto 0 0 auto;
width: 50vw;
height: 40vh;
background: repeating-linear-gradient(90deg, rgba(255,255,255,.22) 0 2px, transparent 2px 22px);
}
@media (max-width: 980px) {
.grafam-story section {
padding: 160px 6vw 90px;
}
.grafam-story .hero {
padding-top: 200px;
}
.grafam-story .timeline,
.grafam-story .process-grid {
grid-template-columns: 1fr;
}
.grafam-story .year,
.grafam-story .process {
min-height: auto;
}
}
GRAFAM BH | Desde 2001
25 anos transformando ideias em matéria.
Uma trajetória que começou com raízes rústicas, cresceu pela técnica e hoje floresce em um universo gráfico contemporâneo, vivo e sensorial.
O começo
Toda grande árvore um dia foi apenas uma semente.
A história da GRAFAM BH começou em 2001 e, em 2026, celebra seus 25 anos.
Mas suas raízes começaram a ser cultivadas muito antes disso.
Desde o início, a GRAFAM BH nasceu com uma intenção clara: ocupar um espaço diferenciado no mercado de Pantone, cores especiais e produção gráfica de alto padrão. A impressão nunca foi tratada apenas como reprodução, mas como controle, precisão cromática e construção de presença visual.
A primeira semente
Uma Heidelberg QuickMaster Duocolor. Uma guilhotina. E muita vontade de evoluir.
Primeira
fase
Era um espaço simples, mas já carregava uma visão sofisticada: entregar cor com personalidade, precisão e valor percebido. Cada ajuste de máquina, cada acerto de tinta e cada combinação cromática representava mais do que trabalho: representava posicionamento.
Evolução
Cor, técnica e presença no mercado.
A busca por Pantone, cores especiais e acabamentos diferenciados abriu caminho para uma evolução natural. A impressora pedia precisão. A cor pedia controle. O acabamento pedia novas técnicas. E assim, a GRAFAM BH foi consolidando sua presença como uma gráfica voltada para projetos que exigem identidade, impacto e alto padrão visual.
2001Nascimento da GRAFAM BH com foco em Pantone, cores especiais e impressão offset de precisão.
2006Fortalecimento técnico no controle de cor, acerto fino de máquina e padronização cromática.
2011Expansão dos acabamentos especiais, ampliando a entrega de valor visual e sensorial.
2018Consolidação no mercado premium, unindo cores especiais, substratos, corte, vinco e acabamento.
202625 anos como parque gráfico criativo, técnico e preparado para projetos de alto padrão.
Parque gráfico artístico
Da reprodução à experiência gráfica.
Hoje, a GRAFAM BH reúne tecnologias que permitem transformar cor, papel, textura e acabamento em experiências gráficas completas. O parque gráfico integra impressão offset, impressão digital, Pantone, cores especiais, corte e vinco, hotstamp, relevo, UV localizado, laminações, plastificação, encadernação, dobra, colagem, montagem, facas especiais, aplicação de acabamentos e produção de embalagens.
Offset
Digital
Pantone
Cores Especiais
Hotstamp
Relevo
UV Localizado
Laminações
Plastificação
Corte e Vinco
Facas Especiais
Dobra
Colagem
Montagem
Encadernação
Embalagens
Nossa essência
Impressão não é apenas reprodução.
É construção. É sensibilidade. É experiência.
Hoje, em 2026, celebrando 25 anos de história, seguimos movidos pela mesma essência do início: domínio de cor, paixão pela impressão, cuidado com cada detalhe e vontade constante de experimentar novas combinações entre tinta, papel, textura e acabamento.
O presente olhando para o futuro
Visto. Tocado. Sentido. Lembrado.
A GRAFAM BH transforma ideias em materiais com textura, profundidade, presença e memória.
Um universo de possibilidades gráficas em constante evolução.
GRAFAM BH
25 anos
