# Feitio

Un sistema de diseño humanista, hecho a mano.

Antes de cualquier color o componente, una idea: interfaces que muestran el cuidado de quien las creó y la voluntad de avanzar.

[Comenzar](/es/dev/comecar/)[Leer el Diseño](/es/design/conceito/)

## Tres valores

Cada regla de Feitio proviene de una de ellas; cuando una regla no cubre un caso, deciden.

-   ### Afinamiento
    
    Cuidado en los detalles que nadie pidió. Pocos elementos, cada uno bien terminado. Si no ayuda, se va.
    
-   ### Proceso
    
    Las marcas del trabajo permanecen visibles cuando ayudan a la comprensión: qué cambió, por qué, qué viene después.
    
-   ### Energía
    
    Naranja es movimiento. Muestra dónde ocurre algo: la acción principal, lo que acaba de cambiar, lo que necesita atención.
    

## Componentes reales

Papel, tinta y un naranja raro: cada pieza está dibujada para acompañar a las demás. Cada una tiene su propia página, con cuándo usarla y el código.

[Vea los 49 componentes](/es/components/)

## Pruébalo

La misma pantalla, con las opciones que Feitio le permite cambiar. La tipografía, el trazo, las esquinas y los iconos permanecen: son así como se reconoce el sistema.

## Dónde empezar

Cuatro áreas, cada una con su propia navegación.

[**Design**The concept, the foundations, the patterns and the brand: the why behind every choice.](/es/design/conceito/) [**Development**Install, themes and modes, tokens, layout and what AI agents need.](/es/dev/comecar/) [**Components**Every piece, with when to use it, when not to, and the code of each example.](/es/components/) [**Resources**The hand-drawn icons and illustrations, to search and copy.](/es/resources/icones/)