grid
largura fixa e centralizada
1287px // @grid-width + @grid-gutter-width sm
largura colunas
69px // @modulo-height
largura gutter
30px // @grid-gutter-width
bootstrap colunas
13 // @grid-columns
elementos
radar
design gráfico
tecnologia
estratégia
inovação
identidade
audiovisual
cx
100
90
60
50
30
80
etapas
pesquisa
desenho
execução
33
33
34
H
direcionadores
sustentabilidade
transformação
legado
b
cores
@cinza-claro - #999
@cinza-txt - #666
@cinza-escuro - #333
@amarelo - #ffcc00
@amarelo-70 - #bb9911
@amarelo-30 - #716124
@amarelo-15 - #50492c
tipografia
bootstrap default: desenvolvemos projetos gráficos e digitais para os mercados cultural e corporativo com atenção aos detalhes e exclusividade nas soluções. atuando em diversas áreas do design gráfico, realizamos identidades visuais, impressos, videografismos, websites e portais, além de produzirmos vídeos, de institucionais à clipes musicais, e animações originais.
'Fira Sans', sans-serif // @font-family-base
16px // @font-size-base
@amarelo // @text-color
2.25 // @line-height-base
menu // .menu-nav-text
fira sans light 300 12px uppercase
caos! // .brand-caos-text
fira sans medium 500 italic 26px lowercase
vídeo & design // .brand-ved-text
fira sans medium 500 italic 26px #666 lowercase
título de lista e single // .big-title
fira sans bold 700 italic 60px uppercase
título da seção // .page-title
fira sans light 300 20px #666 lowercase
data lista principal // .date-main
fira sans light 300 20px #716124 lowercase
resumo lista principal mouseOver // .list-excerpt
fira sans medium 500 18px #333 uppercase
título lista sidebar // .side-article-title
fira sans bold italic 700 30px uppercase
data sidebar // .side-date
fira sans light 300 16px #716124
desenvolvemos projetos gráficos e digitais para os mercados cultural e corporativo com atenção aos detalhes e exclusividade nas soluções. atuando em diversas áreas do design gráfico, realizamos identidades visuais, impressos, videografismos, websites e portais, além de produzirmos vídeos, de institucionais à clipes musicais, e animações originais.
sobre listas/sidebar // .side-text
fira sans medium 500 15px #bb9911 lowercase
fira sans bold 700 12px uppercase #333
_interativos // .single-cat
fira sans bold italic 700 14px uppercase #666
cliente links // .single-side-title
fira sans bold 700 18px uppercase #666
cliente e lista de links // .single-side-list
fira sans bold 700 18px uppercase
compartilhar o projeto // .single-share
fira sans bold italic 700 18px uppercase
galeria // .galeria
fira sans medium 500 36px uppercase
visite // .visite
fira sans light 300 20px lowercase
radar etapas combustível // .graf-title
fira sans regular 400 18px uppercase
design gráfico motion execução café // .graf-txt
fira sans light 400 9px uppercase
LVIII // .convescote-title
fira sans bold 700 italic 100px uppercase
_pedro e malt // .convescote-txt
fira sans medium 500 12px #bb9911 lowercase