getting-started.html

---
layout: page
title: Introdução
description: Aplique o *Design System* com seu time
---

## Utilizando o Elo Design System
Deve-se utilizar como referência os conteúdos disponibilizados aqui, no momento
do desenvolvimento e adequações de soluções.

Para acessar, selecione o que deseja no menu ao lado ou utilize a ferramenta de
pesquisa.

O **Elo Design System** tem total compatibilidade com o **WES** a partir da versão 15.

## Design Atômico
A base por trás do **Elo Design System** é o Design Atômico, um modo de pensar que
nos ajuda a entender o que o *Design System* pode fazer e como ele pode impactar
em todos os sistemas Benner.

Entender um pouco sobre esse tema ajuda bastante quando projetamos um sistema,
pois deixamos de pensar apenas no resultado final e começamos a pensar nas partes.
Ter peças prontas em vez de criar peças novas facilita o processo de desenvolvimento.

### O que é Design Atômico
Criado por Brad Frost, o Design Atômico é uma analogia para explicar como componentes
se comportam e interagem entre si em um sistema. Ele empresta alguns conceitos da
Química e divide os componentes visuais em cinco partes (do menor para o maior): 
**átomos**, **moléculas**, **organismos**, **templates** e **páginas**.

Átomos quando agrupados formam Moléculas, que quando agrupadas formam Organismos,
assim por diante. Pense em peças de Lego: uma simples peça de Lego não representa
muita coisa, mas quando agrupadas formam partes maiores, que quando agrupadas
formam grandes obras.

O conceito foi adaptado para o contexto de desenvolvimento da Benner.

{% include image-tabs.html %}
<br>