loomi/hero · loomi/intro · loomi/cta

Aberturas e chamadas

Uma secção do guia de componentes. Cada exemplo é feito com o próprio bloco — o que se vê aqui é o que sai numa página real.
loomi/hero · loomi/intro · loomi/cta

Aberturas e chamadas

Os três blocos que abrem e fecham uma página. Estavam de fora deste guia — o que quer dizer que um editor podia usá-los sem nunca ter visto o que fazem.

Hero — o cabeçalho de uma página inicial

Sobrancelha, título, texto, imagem e até duas ações. A imagem do hero é a candidata a maior elemento visível da página, por isso ela nunca carrega em diferido — é o único sítio do site onde isso é verdade.

Aqui o título está em titleLevel: 2. Numa página real ele é o h1; dentro deste guia não pode ser, porque o h1 da página já é o título da secção — e duas primeiras vozes fazem quem ouve a página perder o fio.

Exemplo

Um hero montado com o bloco

Tudo o que se vê aqui vem de atributos do bloco, e não de código escrito para esta página.

Imagem de exemplo

Intro — a abertura com monograma

A abertura leva uma frase em corpo maior e o resto em corpo normal.

O monograma é opcional: sem ele o bloco fica só com o texto e a imagem, que é o que a maioria das páginas quer.

Imagem de exemplo

CTA — a chamada que fecha uma página

Tem duas disposições: banner, a faixa amarela que aparece em todas as páginas por baixo do conteúdo, e a versão em cartão, que se usa dentro de uma página quando a chamada é sobre aquela página e não sobre o estúdio.

Pronto para o Figma

Uma chamada em cartão, para fechar uma secção sem competir com a faixa do rodapé.

vamos trabalhar juntos

agendar contacto