Branding

Os elementos de marca da FullStack Studio num só lugar.

O logótipo horizontal é o padrão para aplicações largas. O ícone mantém-se disponível para espaços de app, interfaces compactas e estados de carregamento.

Ficheiros do logótipo

Logótipos para uso largo e compacto.

Logótipo horizontal

Para o site, a administração, o portal, o webmail e documentos PDF.

Ícone da app

Para favicon, ícone de app e espaços de marca compactos.

Cores

Uma base clara com acentos técnicos marcantes.

O conjunto de cores combina superfícies de conteúdo calmas com acentos reconhecíveis para ação, estado e profundidade de produto.

#c7ff4a

Lima de interface

Acento principal para botões, etiquetas, foco e estados ativos.

#101317

Ink

Cor principal do texto, superfícies escuras da marca e chrome das aplicações.

#f7f8f4

Fundo

Fundo base calmo para as páginas e secções públicas.

#66717d

Texto secundário

Texto de apoio, metadados e etiquetas secundárias.

#48d8ff

Acento ciano

Acento secundário para gradientes, dados e profundidade visual.

#ff6f59

Acento coral

Acento quente para destaques, avisos e momentos de contraste.

#7c5cff

Acento violeta

Acento adicional para variação nos elementos de interface.

Exemplo

Sistema digital ligado

O ink sustenta o conteúdo, o lima impulsiona a ação, ciano/coral/violeta ficam como acentos.

Tipografia

Inter Tight para os títulos, Inter para interface e texto, mono para detalhes técnicos.

Os títulos são compactos, pesados e apertados, com um ligeiro letter-spacing negativo. O texto corrido mantém-se calmo, fácil de percorrer e com espaçamento generoso.

Displayclamp(3rem, 7vw, 7.4rem) / 930

FullStack Studio

Título de secçãoclamp(2rem, 4vw, 4.35rem) / 900

Sistemas digitais que trabalham em conjunto.

Título de cartãoclamp(1.45rem, 2.4vw, 2.35rem) / 860

CRM e automação

Texto1.05rem / 400

Sites, portais e fluxos de trabalho que funcionam em conjunto como um só sistema.

Etiqueta0.82rem / 820

FULLSTACK STUDIO

Raio8px

Raio padrão para botões, cartões e ferramentas.

Largura de conteúdo1180px

As páginas públicas usam um layout largo, mas contido.

Altura de linha do texto1.7 - 1.82

Espaçamento generoso para textos mais longos.

Font stackInter Tight / Inter / mono

Display para títulos, sans para UI e conteúdo, mono para códigos e valores técnicos.