Brandbook V1 · setembro de 2026 Ametista do Sul · RS · −27,3° / −53,2°

Eco Hotel

Professor Marcos Trombetta
Símbolo do Eco Hotel: árvore de três copas com um corte na copa maior
Floresta nativa por cima · jazida de ametista por baixo 24 unidades · 4 categorias
Vista aérea do Eco Hotel dentro da floresta nativa, com açude e chalés
00A tese estética

A floresta por cima. A geoda por baixo.

Ficha de campo de levantamento mineral aplicada a hotelaria: o hóspede é um achado catalogado.

Foto: acervo do hotel · DJI_0244

01Caminho um
Espécime 01 / 03

Ficha mineral

De onde vem
Prancha de catálogo de levantamento mineral brasileiro dos anos 1960: espécime numerado, legenda datilografada, papel de relatório técnico grampeado.
Cores e de que matéria saíram
folha nova do umbu · musgo sobre basalto molhado · face interna da geoda aberta
As duas fontes
Anton no título, grotesca condensada de arquivo. Newsreader no texto, serifa de livro que segura leitura longa. IBM Plex Mono carrega todo dado.
Por que isso vende
Código de unidade, data, diária e status são a língua nativa de uma ficha: o sistema de reserva veste a marca sem briga.
Açude do hotel com muro de basalto e chalés de madeira ao fundo ESP-01 · açude · basalto
Cabana de madeira de reflorestamento entre árvores ESP-02 · cabana 11
02Caminho dois
Espécime 02 / 03

Mata impressa

De onde vem
Cartaz serigrafado de parque nacional dos anos 1970: duas tintas chapadas, registro fora por um fio, papel absorvendo a tinta.
Cores e de que matéria saíram
tinta de serigrafia sobre kraft · terra vermelha do planalto · papel de cartaz encardido
As duas fontes
Fraunces Black no título, serifa de cartaz com desalinho proposital. Fraunces Regular no texto, mesma família em peso leve.
Por que isso vende
Vende viagem de estrada e nostalgia. Rende no feed, sufoca num painel de reserva com calendário, tabela e formulário.
Alameda de palmeiras do hotel Reserve a
floresta
03Caminho três
O que ninguém deste mercado faria

Dentro da geoda

De onde vem
Sala escura de museu de mineralogia: a geoda aberta sob luz dirigida e todo o resto engolido pelo preto.
Cores e de que matéria saíram
violeta da face interna do cristal · basalto úmido de gruta · poeira de quartzo na lâmina
As duas fontes
EB Garamond em caixa alta muito espaçada, peso de placa de museu. IBM Plex Mono para número, data e código.
Por que isso vende
Nenhuma pousada do Sul abre escura: filtra quem busca retiro. Risco medido: escuro em calendário e pagamento aumenta atrito.
Pirâmide de vidro de Ametista do Sul vista do alto Ametista
do Sul
04A escolha

Caminho um

O hotel não vende paisagem: vende uma noite datada, numerada e paga pela metade antes de chegar.

A ficha mineral é o único dos três mundos em que código de unidade, calendário, diária e status de pagamento nascem bonitos. Os outros dois exigiriam maquiar o sistema.

Teste do logo tapado

Tape a marca no criativo de feed: sobram tipografia condensada de arquivo, etiqueta de espécime, verde de folha nova e um corte no meio da imagem. Ninguém confunde com pousada de serra.

Descartados: mata impressa (não sustenta painel denso) · geoda (atrito no pagamento). O violeta da geoda fica como cor de apoio.
05Cor · clique na faixa para copiar o código

Três cores
e a pedra

06Tipografia

Jazida

Display · Anton 400

Caixa alta sempre. Entrelinha 0,84 a 0,94. Tracking −0,015em a −0,03em. Nunca em bloco de texto, nunca abaixo de 34px.

Texto · Newsreader 400 / 600 / itálico

Corpo 17-19px, entrelinha 1,5, linha de no máximo 62 caracteres. O itálico marca o nome de uma unidade.

Dado · IBM Plex Mono 400 / 600

Todo número, data, código e rótulo. Caixa alta com tracking +0,14em. Números tabulares em preço e diária.

Cabana do Professor, 55 m², vista do açude CBP-01 · R$ 550 a diária
Salto medido: 112px → 29px = 3,9x. Salto tímido é assinatura de material feito por máquina.
07Gesto de assinatura

O corte

A copa maior do símbolo já vem cortada no equador. Esse corte é a geoda aberta.

Medido no vetor original: a faixa vazia tem 5,3% do diâmetro da copa e passa exatamente pelo centro. A regra vale para qualquer elemento.

  • Entra em: palavra display acima de 60px, foto de marca, símbolo, número de seção
  • Nunca entra em: corpo de texto, botão, campo de formulário, tabela
  • Sempre fechado por uma costura de 2px em ametista · uma vez por peça: duas viram listra
Interior de chalé de madeira com cama arrumada
.corte{position:relative}
.corte::after{
  content:"";
  position:absolute;
  left:-3%; right:-3%;
  top:calc(50% - var(--corte)/2);
  height:var(--corte);      /* 5.3% */
  background:var(--corte-cor);
  border-bottom:2px solid var(--ametista);
  pointer-events:none;
}
08Sistema · peças que o site de reserva usa todo dia

Peças vivas

Botão · normal · hover · foco de teclado
Campo · seleção · foco
Entrada
Unidade
Estado da reserva
Confirmada Sinal pago 50% Aguardando pagamento
Calendário · livre · ocupado · selecionado · extremos da estada
DSTQQSS 45678910 11121314151617 18192021222324 
:root{
  --verde:#8CBA29;   /* folha nova · acento */
  --jazida:#273A00;  /* musgo no basalto · tinta */
  --ametista:#5B3A7E;/* geoda · apoio */
  --osso:#EFEEEA;  --pedra:#C9C6B8;
  --musgo:#6E7264; --basalto:#12150E;
  --display:'Anton'; --texto:'Newsreader';
  --dado:'IBM Plex Mono';
  --corte:5.3%;
  --raio-container:3px; --raio-controle:2px;
  --curva:cubic-bezier(.22,.61,.36,1);
}
Aplicação A · hero do site · largura cheia
Vista aérea do hotel na floresta
Eco Hotel Professor Marcos Trombetta (55) 99627-6703 · 8h às 22h
Ametista do Sul · Rio Grande do Sul

Você dorme em cima de uma jazida de ametista

24 cabanas, chalés e quartos de madeira de reflorestamento dentro da floresta nativa do planalto gaúcho.

Check-in 14h Check-out 11h Café da manhã gaúcho Aceita pet · R$ 50 a diária Sinal de 50% confirma
Aplicação B · feed 1080 × 1350 · tamanho real no código
Cabana de madeira entre árvores
ESP-02 · CABANA 11

A floresta
por cima.
A ametista
por baixo.

RESERVA ONLINE · 24H AMETISTA DO SUL · RS
Regra da peça

Foto ocupa 56% da altura. O corte separa mata de texto. O verde só na faixa de baixo e no bloco de reserva.

Gesto presente: corte na foto

Aplicação C · story 1080 × 1920 · safe zones marcadas
Regra da peça

Depoimento real do hóspede em serifa, grande. Nada de texto nos 250px de cima nem nos 320px de baixo.

Gesto presente: corte sobre a foto

Alameda de palmeiras do hotel

Paz, conforto e tranquilidade.

“Uma das melhores experiências da minha vida. (…) foram dias de muita paz, conforto e tranquilidade.”

HÓSPEDE · AVALIAÇÃO NO SITE 24 UNIDADES · AMETISTA DO SUL · RS
ARRASTE
PARA RESERVAR
Aplicação D · e-mail transacional · 600px em tabela
Regra da peça

Tabela de 600px, fontes de sistema no lugar das da marca, faixa verde de 12px fazendo o papel do corte.

Gesto presente: faixa de corte sob o cabeçalho

Aplicação E · cartão de reserva confirmada · o que o hóspede guarda no celular
Interior do chalé reservado
Reserva confirmada

Cabana do
Professor

Sinal pago 50%
CódigoEntradaSaídaHóspedes
RES-2026-041812/10 · 14h15/10 · 11h2 adultos · 1 pet
Saldo de R$ 825,00 + pet R$ 50 a diária no check-in
Assinatura de e-mail da equipe
GISÉLIA TROMBETTA
RESERVAS · ECO HOTEL PROF. MARCOS TROMBETTA
(55) 99627-6703 · 8H ÀS 22H
AMETISTA DO SUL · RS

Gesto presente: faixa de corte entre foto e dado

09O que viaja para os outros produtores

Design DNA

Projeto
Eco Hotel Professor Marcos Trombetta · v1
Tese estética
Prancha de catálogo de levantamento mineral dos anos 1960 aplicada a hotelaria de floresta: a noite é um espécime numerado, datado e catalogado.
Paleta
Dominante #12150E basalto úmido e #EFEEEA pó de pedra · apoio #5B3A7E face interna da geoda · acento #8CBA29 folha nova do umbu, em menos de 10% da tela, sempre no ponto que decide · neutros #C9C6B8 cascalho e #6E7264 líquen · tinta #273A00 musgo sobre basalto.
Tipografia
Display Anton, grotesca condensada de arquivo, caixa alta · texto Newsreader, serifa humanista de livro · detalhe IBM Plex Mono para todo dado · salto mínimo de 3x entre display e o nível seguinte (referência medida: 112px → 29px).
Composição
Faixa de ponta a ponta sangrando a margem · densidade alternada entre bloco de dado comprimido e vazio grande · foto dominando a metade superior. Quebra de grid permitida: uma rotação de 1 a 2 graus por peça, nunca duas.
Matéria
Grão de impressão a 5% em multiply · fotos com saturação puxada para 0,5-0,6 e contraste 1,1 · luz sempre vinda de cima e da esquerda · sombra com cor da cena (rgba 39,58,0 no claro; 38,20,56 no escuro), nunca preta.
Gesto de assinatura
O CORTE: faixa vazia horizontal com 5,3% da altura do elemento, passando pelo centro, medida no símbolo original, fechada por uma costura de 2px em #5B3A7E — a face interna da geoda. Uma por peça, em palavra display, foto de marca ou número de seção. Nunca em corpo, botão ou campo.
Motion
Curva cubic-bezier(.22,.61,.36,1) · entrada em 620ms subindo 24px, 90ms entre rótulo, título e texto · micro-interação em 180ms · anima só transform e opacity · respeita prefers-reduced-motion · o corte nunca anima: ele já é o corte.
Anti-referências
Nunca template de pousada (serifa didone com foto de rede na varanda e bege) · nunca spa clean minimalista sem matéria · nunca ecoturismo de mochileiro com tipografia de aventura.
código copiado