These are just examples of how you can easily customize Tetrisly to do your own interface. Not included in the package.
Each element, typography system, icons and spacings are divisible by 4px.
Atomic design as design methodology, not as organization solution.
We have considered every detail to build atoms or typography.
Simple and fully scalable file structure organization.
Never again will you have to wonder if a given element
is an Atom or a Molecule.
Use a set of text and color styles, customize and apply
changes to all pages at once. Create a unique look in
just a few minutes.
Change global styles quickly without making any mistakes.
One typography system which supports multiple breakpoints.
Components are synced with foundations so every change is global.
Group and organize variants of the same component to more intuitive use.
Components with and without Auto Layout. You decide which you use.
In the purchased package, there are three sketch files: Core Library and two files of use cases that present an exemplary process of product design.
Each component has its own unique ID number. The system gives easier access to a specific element in the entire file structure and allows for making references to it in the documentation.
Tetrisly is ready for scaling the structure and supporting multiplatform products. Create new inheriting libraries of a product or split the Core Library fundamentals depending on your needs.