├── README.md
└── manifesto-PT-BR.md
/README.md:
--------------------------------------------------------------------------------
1 | # Modular Interfaces Manifesto
2 | ##### v1.2 – (Portuguese version [here](manifesto-PT-BR.md)).
3 |
4 | We are designers and developers.
5 |
6 | We don't create *comps* for sites, applications and digital products. We don't deliver *pixel perfect* solutions.
7 |
8 | We build **modular systems**: flexible and scalable interfaces, composed of reusable elements.
9 |
10 | We seek ways to break the barriers between responsibilities on an interface project.
11 |
12 | We stimulate creative autonomy for developers and continuous participation for designers during the entire project.
13 |
14 | We promote collaboration between clients, developers, designers and users.
15 |
16 | We want to foment and further the discussions on digital interface creation and development on the communities we participate.
17 |
18 | We follow these principles:
19 |
20 | > ### "Ugly" first
21 |
22 | > Every project begins "ugly", because we believe that the initial conversations should be about content, navigation flows and structure – not visual details.
23 |
24 | > ### Gradual improvement
25 |
26 | > The project will be constantly evolving. Refinement will happen in agile cycles, prioritizing what generates the higher value. Expanding from smaller to bigger (*mobile-first* approach) and from the inside to the outside (*content-first* approach).
27 |
28 | > ### Look and feel over pixel perfection
29 |
30 | > Design guidelines will serve as foundation, guiding the path for development. Therefore, interface decisions should be taken based on the final output – code in the browser –, not the graphic design tool.
31 |
32 | >### System-thinking
33 |
34 | > The interfaces will result from the combination of modular elements, built to maintain visual and functional consistency.
35 |
36 |
37 |
38 | --
39 | — If you believe that we can make our work less wasteful and more efficient, [**join us**](https://www.facebook.com/groups/modular.ui/).
40 |
41 | [Ítalo Mendonça](http://www.italomen.com.br) and [Thiago Victorino](http://www.github.com/tfvictorino).
42 |
43 | **ModularUI – Modular Digital Interfaces**
44 | http://modular-ui.com
45 |
--------------------------------------------------------------------------------
/manifesto-PT-BR.md:
--------------------------------------------------------------------------------
1 | # Manifesto das Interfaces Modulares
2 | ##### v1.2 – (Versão em inglês [aqui](manifesto-EN.md)).
3 |
4 | Nós somos designers e desenvolvedores.
5 |
6 | Não criamos *telas* para sites, aplicações e produtos digitais. Não entregamos *pixels perfeitos*.
7 |
8 | Construímos **sistemas modulares**: interfaces flexíveis, escaláveis e compostas de elementos reaproveitáveis.
9 |
10 | Procuramos maneiras de quebrar as barreiras que dividem as responsabilidades dentro de um projeto de interface.
11 |
12 | Estimulamos a autonomia criativa dos desenvolvedores e a participação contínua dos designers no decorrer do projeto.
13 |
14 | Promovemos a colaboração entre clientes, desenvolvedores, designers e usuários.
15 |
16 | Queremos fomentar e aprofundar discussões sobre criação e desenvolvimento de interfaces digitais nas comunidades em que participamos.
17 |
18 | Seguimos os seguintes princípios:
19 |
20 | > ### *"Ugly" first*
21 |
22 | > Todo projeto começa "feio", pois acreditamos que as conversas iniciais devem ser sobre conteúdo, fluxos de navegação e estrutura, não sobre detalhes visuais.
23 |
24 | > ### Melhorias gradativas
25 |
26 | > O projeto estará em constante evolução. O refinamento acontecerá em ciclos ágeis, começando pelo que gera mais valor. Expandindo do menor para o maior (*mobile first*) e de dentro pra fora (*content first*).
27 |
28 | > ### *Look and Feel*, sim. *Pixel perfect*, não.
29 |
30 | > Diretrizes de design servirão de fundação para o projeto, norteando os caminhos para o desenvolvimento. Portanto, as decisões de interface devem ser tomadas com base no resultado final – código rodando no navegador –, não no software de desenho.
31 |
32 | > ### Pensamento sistêmico
33 |
34 | > As interfaces resultarão da combinação dos diversos elementos modulares menores, desenvolvidos para manter a consistência estética e funcional.
35 |
36 |
37 |
38 | --
39 | — Se você acredita que podemos fazer nosso trabalho com menos desperdício e mais eficiência, [**junte-se ao time**](https://www.facebook.com/groups/modular.ui/).
40 |
41 | [Ítalo Mendonça](http://www.italomen.com.br) e [Thiago Victorino](http://www.github.com/tfvictorino).
42 |
43 | **ModularUI – Interfaces Digitais Modulares**
44 | http://modular-ui.com
45 |
--------------------------------------------------------------------------------