Cores

  • sp-color-bg-light
  • sp-color-bg-default
  • sp-color-bg-dark
  • sp-color-post-card-stroke
  • sp-color-post-stroke
  • sp-color-text
  • sp-color-text-10
  • sp-color-text-dark
  • sp-color-accent-default
  • sp-color-accent-20
  • sp-color-accent-10
  • sp-color-accent-10

Botões

Clique aqui
Clique aqui
Clique aqui

Tipografia

Display

Primis magnis cras.

Heading lg

Primis magnis rutrum cras condimentum.

Heading md

Primis magnis rutrum cras condimentum.

Heading sm

Primis magnis rutrum cras condimentum.

Heading xs

Primis magnis rutrum cras condimentum.

Body lg

Tempor ipsum orci commodo lorem quam natoque urna ultrices ut libero. Tellus letius vivamus risus commodo a pede fermentum interdum. Nunc elit malesuada nascetur proin ultricies curabitur egestas pede ex vehicula. At proin vestibulum cubilia condimentum litora maecenas gravida euismod. Eleifend curae egestas ornare urna ipsum mi gravida platea. Sollicitudin nec quisque maecenas class lectus nascetur mattis dui augue montes inceptos.

Body md

Tempor ipsum orci commodo lorem quam natoque urna ultrices ut libero. Tellus letius vivamus risus commodo a pede fermentum interdum. Nunc elit malesuada nascetur proin ultricies curabitur egestas pede ex vehicula. At proin vestibulum cubilia condimentum litora maecenas gravida euismod. Eleifend curae egestas ornare urna ipsum mi gravida platea. Sollicitudin nec quisque maecenas class lectus nascetur mattis dui augue montes inceptos.

Body sm

Tempor ipsum orci commodo lorem quam natoque urna ultrices ut libero. Tellus letius vivamus risus commodo a pede fermentum interdum. Nunc elit malesuada nascetur proin ultricies curabitur egestas pede ex vehicula. At proin vestibulum cubilia condimentum litora maecenas gravida euismod. Eleifend curae egestas ornare urna ipsum mi gravida platea. Sollicitudin nec quisque maecenas class lectus nascetur mattis dui augue montes inceptos.

Body xs

Tempor ipsum orci commodo lorem quam natoque urna ultrices ut libero. Tellus letius vivamus risus commodo a pede fermentum interdum. Nunc elit malesuada nascetur proin ultricies curabitur egestas pede ex vehicula. At proin vestibulum cubilia condimentum litora maecenas gravida euismod. Eleifend curae egestas ornare urna ipsum mi gravida platea. Sollicitudin nec quisque maecenas class lectus nascetur mattis dui augue montes inceptos.