Confort System Brand Book
Confort System Confort System

Proposta de identidade · v1.0

Engenharia do descanso. Conforto que se adapta a si.

Uma identidade nova para os colchões tecnológicos Confort System. O símbolo, a paleta e as peças nascem da mesma ideia: camadas e zonas que trabalham em conjunto, sobre uma base precisa.

Marca Confort System Linha OrthoVisco Modelo Articulado · 15 camadas
Ilustração do colchão articulado OrthoVisco com cabeceira e pernas elevadas sobre base motorizada

01 · Nome

Confort System, com uma identidade nova.

O nome mantém-se: já é conhecido pelos clientes. Muda tudo o resto. A ideia de sistema, camadas e zonas que trabalham em conjunto, passa a ser o fio condutor do símbolo, da paleta e das peças.

Hierarquia de marca

  • Confort System assina tudo: a marca-mãe.
  • OrthoVisco é a linha de produto, com nome próprio em Newsreader.
  • Articulado é o modelo motorizado em duas zonas.

Regras de escrita

  • Em texto corrido escreve-se Confort System; em maiúsculas só no logotipo.
  • Nunca "Comfort System" nem "Conforto System".
  • O logótipo antigo, com serifa e filetes dourados, não convive com o novo.
CONFORT SYSTEM OrthoVisco ARTICULADO Sistema de conforto articulado · 15 camadas

03 · Cores

Petróleo, areia e um toque de cobre.

Uma paleta de arquitetura e hotelaria, longe do azul hospitalar. Os valores CMYK são aproximados para papel couché e devem ser validados com prova de cor.

11,0:1 com Branco Quente
PrimáriaPetróleo Profundo#123C45 · RGB 18 60 69CMYK ≈ 90 55 45 45
16,1:1
SecundáriaAzul Noite#0E1B24 · RGB 14 27 36CMYK ≈ 85 65 50 70
4,7:1 com Azul Noite
DestaqueCobre#B87445 · RGB 184 116 69CMYK ≈ 20 60 80 10
6,0:1
Texto de destaqueCobre Profundo#8A4F26 · RGB 138 79 38CMYK ≈ 30 70 95 30
Fundo
FundoBranco Quente#F8F5F0 · RGB 248 245 240CMYK ≈ 2 3 6 0
13,3:1 com Tinta
SuperfícieAreia#ECE5DA · RGB 236 229 218CMYK ≈ 6 8 14 0
15,3:1
TextoTinta#1A1F23 · RGB 26 31 35CMYK ≈ 75 65 60 75
5,6:1
Texto secundárioCinza Pedra#5C6368 · RGB 92 99 104CMYK ≈ 60 48 45 30
11,9:1
AuxiliarGrafite#2E3236 · RGB 46 50 54CMYK ≈ 70 60 55 55
Decorativa
AuxiliarChampanhe#D8C3A0 · RGB 216 195 160CMYK ≈ 15 22 38 2
Cinza tecnológico
AuxiliarNévoa#C7CDD0 · RGB 199 205 208CMYK ≈ 22 13 13 0
7,2:1 com Azul Noite
Destaque em escuroCobre Claro#D39A6A · RGB 211 154 106CMYK ≈ 12 42 62 2

Proporção: 60% claros · 25% Petróleo e Noite · 10% Tinta e Grafite · 5% Cobre. Cobre (#B87445) nunca em texto pequeno sobre fundos claros; para isso usar Cobre Profundo.

04 · Tipografia

Uma serifa editorial para acolher, uma sans precisa para explicar.

Ambas gratuitas no Google Fonts (licença OFL). Nenhuma é futurista; ambas continuarão legíveis daqui a dez anos.

Principal · títulosNewsreader

400, 500 e itálico 400. Títulos, frases de marca, números de destaque e o nome OrthoVisco.

Secundária · texto e interfaceManrope

400, 500, 600 e 700. Corpo de texto, botões, etiquetas, dados técnicos e o logotipo.

Display 76Conforto que se adapta a si.
H2 36Costas e pernas, cada uma ao seu ritmo.
H3 22Dupla camada de Alta Resiliência HR 35
Corpo 18O núcleo de sustentação CO 23 é preparado de acordo com o seu peso e a sua altura.
Etiqueta 12Tecnologia aplicada ao descanso

05 · Design system

Componentes construídos com os tokens oficiais.

O DESIGN.md completo define grelha, espaçamentos, raios, sombras, formulários, cartões, ícones, fotografia, movimento, acessibilidade, breakpoints, tom de voz e CTA. Estes exemplos usam os mesmos valores.

Botões

48 px de altura, raio 8 px, um CTA primário por secção, foco com anel cobre.

Formulário · personalização do núcleo
kg
cm
Usamos estes dados apenas para preparar o seu núcleo.
Movimento · articulação

Lento e contínuo (900 ms, ease-in-out). Respeita a preferência de movimento reduzido.

Tom de voz

Dizemos

  • Desenvolvido para maior conforto
  • Concebido para favorecer uma posição confortável
  • Apoio ergonómico
  • Ajuste personalizado de posição

Nunca dizemos

  • Cura dores
  • Elimina problemas de coluna
  • Trata doenças
  • Resolve problemas circulatórios

06 · Ilustração técnica

15 camadas, uma função cada.

Explosão isométrica com identificação A–O (a sequência original salta a letra K). Ao lado, a versão simplificada para o website, com texto real e acessível.

Ilustração isométrica explodida das 15 camadas, de A Tecido Stretch a O Fibras Hipoalergénicas, com legendas e funções
Corte simplificado das 15 camadas agrupadas em acolhimento, sustentação, adaptação e núcleo, base e proteção

07 · Impressos

Cartões, panfleto A5 e tríptico A4.

Arte final em PDF e SVG com 3 mm de sangria e texto em curvas. Cada peça tem uma versão com guias: sangria, corte, zona de segurança de 3 mm e dobras. Os contactos e o QR são fictícios.

O briefing pede sete secções e um tríptico tem seis painéis: "Tecnologia OrthoVisco" ocupa a badana e "Benefícios" e "Personalização" partilham o último painel interior.

Notas para a gráfica
  • PDF vetoriais em RGB: converter para CMYK com o perfil da gráfica (FOGRA39 ou PSO Coated v3) e pedir prova de cor.
  • Fotografias que substituam as ilustrações devem entrar a 300 DPI no tamanho final.
  • Sangria de 3 mm em todos os lados; zona de segurança de 3 mm para dentro do corte.
  • Tríptico em rolo: 97 / 100 / 100 mm.
  • Cartões: papel de 350 g/m² ou mais, mate; opcional hot-stamping cobre na base do símbolo.

08 · Antes de publicar

O que ainda precisa de confirmação.

Verificação documental obrigatória antes de qualquer publicação
  • Patente FAT. FT 103128 e PCT WO 2005/137656 A1.
  • Reconhecimento no Salão Internacional de Invenções de Genebra (2004).
  • Especificações de materiais (HR 35, CO 23, CoolFlow) e a alegação "hipoalergénico".
  • Registo de marca: confirmar que o registo de "Confort System" cobre o novo logótipo.
  • Contactos, website e QR codes são dados fictícios temporários.
Nome01-nome/nome-da-marca.mdDecisão e alternativas consideradas
Logótipo02-logotipo/SVG em curvas + PNG, favicon, ícone
Cores03-cores/paleta.svgHEX, RGB, CMYK, contraste
Design systemdesign-system/DESIGN.mdRegras + tokens.css + tokens.json
Impressos04-cartoes-de-visita/ · 05-panfletos/PDF, SVG e guias
Ilustrações06-ilustracoes/Camadas A–O, versão web, produto