Eco Hotel Prof. Marcos Trombetta Ametista do Sul · RS

Floresta por cima. Ametista por baixo.

Brandbook V1 24 unidades de madeira sobre uma jazida de ametista, na mata do planalto gaúcho.

três mundos testados antes de escolher um.

Caminho 1 · Gaveta de mineralogia
Ametista do Sul, RS Espécime nº 24 · quartzo var. ametista
Hospedagem em basalto · diária R$ 370–550
De onde vem
Gaveta de museu de ciências naturais, etiqueta datilografada de espécime.
Cores e matéria
Papel de etiqueta antiga · roxo de drusa · verde da logo como fio de catálogo.
As duas fontes
EB Garamond itálico (nome científico) + IBM Plex Mono (a máquina de escrever da etiqueta).
Por que isso vende
Dá autoridade de ciência ao cristal. Risco: museu frio, sem floresta.
Logo tapado: parece museu, não hotel
Caminho 2 · Placa de parque estadual
Eco Hotel
Trombetta
Açude200 m
Jardim zen350 m
De onde vem
Sinalização de trilha de parque gaúcho: placa esmaltada, letra condensada.
Cores e matéria
Verde de placa de trilha (a logo escurecida) · esmalte branco · barro vermelho.
As duas fontes
Barlow Condensed (placa, lê de longe) + DM Sans (texto).
Por que isso vende
Clareza de rota para quem viaja de carro. Risco: vira ecoturismo de mochileiro.
Logo tapado: serve a qualquer parque
Caminho 3 · Dentro do geodo · o corajoso Geodo aberto
De onde vem
O geodo de Ametista do Sul serrado ao meio: basalto por fora, cristal por dentro.
Cores e matéria
Basalto do planalto · violeta da drusa · verde da logo como luz de mata.
As duas fontes
Unbounded (geométrica larga, parente do "ECO HOTEL") + DM Sans (neutra, lê em celular).
Por que isso vende
Nenhuma pousada do Sul usa fundo escuro e violeta. Só este hotel dorme sobre a jazida.
Escolhido: é o único mundo que nenhum concorrente pode copiar sem mentir.
Logo tapado: é Ametista do Sul
Corte

A linha que atravessa a copa da logo é a serra que abre o geodo.

/* O CORTE, texto: cima floresta, baixo cristal */
.corte{position:relative;display:block;color:transparent;white-space:nowrap}
.corte::before,.corte::after{content:attr(data-t);position:absolute;inset:0 0 auto 0}
.corte::before{color:var(--verde);clip-path:inset(0 0 calc(100% - var(--corte)) 0)}
.corte::after{color:#B9A2E0;clip-path:inset(var(--corte) 0 0 0);transform:translateY(.07em)}
/* O CORTE, imagem: um fio da cor do palco a 48% */
.corte-img{position:relative;overflow:hidden}
.corte-img::after{content:"";position:absolute;left:0;right:0;top:var(--corte);height:10px;background-color:var(--palco)}
/* uso */
<span class="corte" data-t="Ametista">Ametista</span>
Ametista
Mata#243405
sombra sob a copa · dominante 60–70%
Ametista#6B3FA0
drusa de Ametista do Sul · apoio 20–30%
Broto#8CBA29
verde da logo · só CTA e preço · <10%
Quartzo#EDEFE8
quartzo leitoso · formulário e painel
Basalto#161512
rocha do geodo · fundo de noite
Broto sobre Mata 5,8:1 · sobre Basalto 8,6:1 Quartzo sobre Ametista 6,6:1 Mata sobre Quartzo 13:1 Broto nunca vira texto sobre Quartzo (2,0:1). Clique numa faixa para copiar o código.
Jazida
Display · Unbounded 800 · 96 px · −0,04emCabana 16
Título · Unbounded 500 · 32 px (salto 3x)Três noites dentro da mata
Corpo · DM Sans 400 · 17 pxCheck-in às 14h, check-out às 11h. Café da manhã gaúcho incluído. Aceitamos até 2 pets por unidade.
Rótulo · DM Sans 600 · 12 px · +0,12emSinal de 50% · Pix ou cartão
Texto de sistema R$ 490 a diária DM Sans tem números de largura fixa: preço, data e tabela alinham no painel. Nunca: Playfair, dourado, itálico de "refúgio".
Botões · três estados
normal
hover · sobe 2px
focus · anel ametista
Secundário: contorno Mata. Raio 4px nos controles; containers retos, como corte de serra.
Campos
Faltam números. Ex.: (55) 99627-6703
Calendário · novembro 2026
DSTQQSS 1234567 891011121314 15161718192021 22232425262728
Riscado = ocupado (confirmada ou pendente). Broto = chegada e saída.
Status da reserva · nomes da SPEC
PendenteConfirmadaExpiradaCancelada
UnidadeChegadaNoitesTotalStatus
Cabana 1613/112R$ 1.080Confirmada
Chalé 0413/113R$ 1.170Pendente
Quarto Verde14/111R$ 360Expirada
Dados de exemplo. O losango do badge é a faceta do cristal.
Painel no celular
Chegadas · sex, 13 nov4 reservas hoje
Cabana 16
Ana R. · 2 + 1 pet · 14h
Confirmada
Chalé 04
Família K. · 3 · Pix em 30 min
Pendente
Quarto Verde
Jorge M. · 2 · 16h
Confirmada
Cabana do Professor
Lúcia T. · 2 · 15h
Confirmada
Variáveis CSS · colar no site e no painel 
:root{
  --mata:#243405;  --ametista:#6B3FA0;  --verde:#8CBA29;
  --basalto:#161512;  --quartzo:#EDEFE8;
  --fonte-display:'Unbounded', sans-serif;
  --fonte-texto:'DM Sans', sans-serif;
  --t-display:clamp(64px,8vw,140px); --t-titulo:clamp(26px,2.6vw,40px);
  --t-corpo:17px; --t-rotulo:12px;
  --e1:8px; --e2:16px; --e3:24px; --e4:40px; --e5:72px; --e6:128px;
  --raio-controle:4px; --raio-container:0;
  --corte:48%; --corte-espessura:.07em;
  --ease:cubic-bezier(.22,.61,.36,1); --t-micro:180ms; --t-reveal:620ms;
}
Na rua

cinco peças montadas com a copy do hotel.

Eco Hotel Prof. Marcos Trombetta
A · Hero do site

Floresta por cima.Ametista por baixo.

24 cabanas, chalés e quartos de madeira na mata de Ametista do Sul. Escolha a data, pague metade e a cabana é sua.

Chegadasex, 13 nov
Saídadom, 15 nov
Hóspedes2 adultos · 1 pet
Check-in 14h · check-out 11hCafé da manhã gaúchoSinal de 50% por Pix ou cartão
B · Feed 1080×1350

O chão da cabana é o teto da jazida.

  • Foto real: pedras entre as cabanas
  • Corte a 48% da foto
  • Broto só no CTA
Você dorme em cima de uma jazida de
ametista.
Cabanas de madeira na floresta de Ametista do Sul, RS.
Reserve pelo site · sinal de 50%
C · Stories 1080×1920 · sequência

Três telas. Um corte em cada.

250 px livres no topo e na base para a interface do app.

Check-inàs 14h.
Cabanas de madeira de reflorestamento, dentro da mata.
Seu cachorrotambémvem.
Até 2 pets por unidade. R$ 50 a diária.
Reserveàs 3h.
O site aceita reserva de madrugada. Metade no ato.
Toque no link
Reserva confirmada · Cabana 16 · 13 a 15 nov
de Eco Hotel Prof. Marcos Trombetta
Eco Hotel Prof. Marcos Trombetta
 
Sua cabana está separada.
Recebemos o sinal de R$ 540,00. A Cabana 16 é sua de sexta, 13 de novembro, às 14h, até domingo, 15, às 11h.
Hóspedes2 adultos · 1 pet
Total (2 noites + pet)R$ 1.080,00
Saldo restanteR$ 540,00
Ver minha reserva
Estrada saída para Iraí, Bairro Cristal · Ametista do Sul, RS
(55) 99627-6703 · atendimento das 8h às 22h
D · E-mail de confirmação · 600 px em tabela

O corte atravessa a foto, feito em tabela.

Tahoma e Verdana no lugar da Unbounded: e-mail não carrega fonte.

E · Cartão de reserva confirmada

O que o hóspede guarda no celular.

Sai no fim do pagamento e no WhatsApp. Código de exemplo.

Confirmada
Reserva EX-0000 · exemploCabana 16
Chegadasex, 13 nova partir das 14h
Saídadom, 15 novaté as 11h
2 noites × R$ 490R$ 980 Pet · 2 diáriasR$ 100 Sinal pago · PixR$ 540 Saldo restanteR$ 540
Eco Hotel Prof. Marcos Trombetta · Ametista do Sul
Régua
  1. 1Logo tapado, dá para saber que é este hotel? Corte + violeta + mata só existem aqui.SIM
  2. 2Um elemento em escala exagerada, o resto contido? A palavra-chave de cada seção.SIM
  3. 3O Broto aparece pouco e no ponto mais importante? Só CTA, preço pago e o fio.SIM
  4. 4Nenhum #000 ou #FFF em área grande? Basalto #161512 e Quartzo #EDEFE8.SIM
  5. 5Salto título × subtítulo ≥ 3x? 96 px → 32 px.SIM
  6. 6O corte está nas cinco aplicações?SIM
  7. 7As cinco estão montadas com texto real do hotel?SIM
  8. 8Ao lado de três pousadas da serra, vence ou some? Vence: é a única escura.SIM
  9. 9Texto corrido abaixo de 30% da altura? Medido pelo guard.SIM
  10. 10Dá para entender a identidade só passando o olho?SIM
DNA 
DESIGN DNA — Eco Hotel Prof. Marcos Trombetta · v1
TESE ESTÉTICA: o geodo de Ametista do Sul serrado ao meio — basalto por fora, cristal violeta por dentro, mata verde por cima; o hotel é o corte entre floresta e jazida.
PALETA (papel de cada cor): Mata #243405 (dominante 60–70%, sombra sob a copa, derivada do #273A00 da logo) · Ametista #6B3FA0 (apoio 20–30%, drusa de Ametista do Sul; clara #B9A2E0 só para texto sobre escuro) · Broto #8CBA29 (acento <10%, o verde da logo: CTA, preço pago, fio do corte; nunca texto sobre claro) · neutros Basalto #161512 (rocha do geodo) e Quartzo #EDEFE8 (quartzo leitoso; formulário, painel, e-mail) · sem dissonante.
TIPOGRAFIA: display Unbounded 800/500 (geométrica larga, parente do "ECO HOTEL" da logo; −0,04em, entrelinha 0,94) · texto DM Sans 400/700 (números tabulares em preço e data) · detalhe: rótulo DM Sans 600 caixa alta +0,12em · regra de escala: display 96–140 px → título 32 px (salto 3x) → corpo 17 px → rótulo 12 px. E-mail: Arial Black + Arial.
COMPOSIÇÃO: palavra-chave gigante sangrando a margem, resto contido · foto real em sangria com corte horizontal a 48% · faceta de geodo (polígono irregular violeta) atrás do texto · quebra de grid permitida: 1 peça rotacionada 1,5° por página (feed, cartão).
MATÉRIA: fotos reais do acervo com grade única (sombras puxadas para Mata, altas para Quartzo, −12% de saturação) · grain 5% em overlay · sombra sempre com cor (verde-escura na mata, violeta no palco claro), nunca preta · containers retos (corte de serra), controles com raio 4px.
GESTO DE ASSINATURA: O CORTE, uma linha horizontal que atravessa a massa a 48% da altura, como a linha da copa da logo e a serra do geodo. Em texto: metade de cima Broto (ou Quartzo), metade de baixo lilás, deslocada .07em (classe .corte + data-t). Em imagem: fio de 10–22 px na cor do palco a 48% (classe .corte-img). Um corte por peça.
MOTION: easing de assinatura cubic-bezier(.22,.61,.36,1) · durações micro 180 ms / reveal 620 ms, 90 ms entre rótulo, título e texto, subida máx. 24 px · anima só transform e opacity; o corte pode "abrir" (metade de baixo desce .07em) em 400 ms · nunca anima cor de fundo, nunca parallax em foto, respeita prefers-reduced-motion.
ANTI-REFERÊNCIAS: template de pousada (Playfair, bege, rede na varanda, "seu refúgio" em dourado) · spa minimalista branco sem lugar · ecoturismo de mochileiro (placa de trilha, laranja de aventura).
Eco Hotel Prof. Marcos TrombettaBrandbook V1 · 29 set 2026