core/list · core/quote · core/separator

Listas, citação e régua

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.
core/list · core/quote · core/separator

Listas, citação e régua

Lista — Loomi: ponto da marca

  • O marcador é desenhado, e não o do navegador.
  • É essa a razão: a propriedade de lista do CSS não aceita cor própria.
  • O ponto amarelo é o mesmo do resto da marca.

Lista ordenada, com uma aninhada

A ordem importa aqui, e por isso a marcação é ol e não ul com números escritos. Quem ouve a página recebe «1 de 3» sem o número desenhado ter de o dizer — e uma lista aninhada mantém a relação entre o passo e os seus detalhes.

  1. Escolher o nível do título no editor.
    • O nível é semântica e não tamanho.
    • O tamanho escolhe-se à parte, no controlo de estilo.
  2. Escrever o conteúdo.
  3. Publicar — o site desenha o que o editor guardou.

Citação — Loomi: editorial

Uma régua amarela à esquerda em vez de aspas desenhadas — é o gesto que sobrevive a uma mudança de tipo de letra.

Guia da marca

Separador — Loomi: régua amarela


Um traço curto e grosso, e não uma linha de ponta a ponta: marca o fim de um título, não uma divisão da página.

vamos trabalhar juntos

agendar contacto