Fatia 0 · fundação

Componentes

Referência viva da Parte 2 do plano. Antes de criar um elemento de interface, procure aqui: existe, reusa.

Tokens de cor

ink

ink-text

muted

desk

lavender

surface-2

paper

highlight

pen-red

pen-red-soft

mint

mint-text

Tipografia

Interface · Plus Jakarta Sans 800

Corpo 14 · semibold 600 · secundário muted · 08:00 – 08:50 · R$ 420,00

Apostila · Literata 18/1.65 — We use the past perfect to talk about an action that happened before another action in the past. Itálico para "escrever em cima".

Fita "Paramos aqui" (x-fita-paramos-aqui) · 7.1 · p. 82

x-botao

Como link
variante="claro" — botão branco com texto ink-text, como "Abrir aula" e "Paramos aqui".

x-campo · x-select

Usado para o convite e a recuperação de senha.

Informe um celular válido.

x-busca

A única caixa de busca do sistema. Dez telas, um componente.

x-chip-status

Paga Em aberto A conferir Atrasada Cancelada Agendada Em andamento Encerrada Presente Falta Falta provisória Reposta Em teste Ativa Inadimplente Bloqueada Rascunho Publicada Pago em 8 set

x-cartao

Branco (padrão)

Conteúdo do cartão. Padding 20–24, raio 22.

Começa em 12 min 08:00 – 08:50

Intermediário B

Parou em 7.1 · p. 82

Alternado (surface-2)

Para caixas "Form" e balões de anotação pública.

Atenção (borda pen-red)

Ana Clara faltou sexta. Intermediário C está em 6.3.

x-tabela

Aluno Vencimento Valor Status
Mariana Costa10/09R$ 420,00Pago em 8 set
Rafael Nunes10/09R$ 420,00Em aberto
Beatriz Lima10/08R$ 420,00Atrasada
Aluno Status

Nenhum aluno cadastrado.

x-vazio

Nada pendente

Quando houver falta a repor ou fatura a conferir, aparece aqui.

x-alerta

Informação

A fatura de setembro é gerada 5 dias antes do vencimento.
Baixa registrada. Fica gravado quem marcou e quando.

Lembrete

Anotação privada é dado pessoal do aluno e pode chegar a ele se solicitar acesso (R155.1).

x-modal

Esc ou clique fora fecham. No celular, encosta embaixo como bottom sheet.