The system

Starting from the basics

We started defining the basics, a great variety of a grayscale in order to achieve a nice dark-looking final product. Only some pops of color for specific accents on buttons. We also defined four different sizes of buttons for the different actions across the product.
‍

Projects

Dashboard

The dashboard was designed as a place where users can easily visualize all their projects in two different views: List or Grid mode. In addition, users can see useful data as total projects, latest project, their member ID, and the total of projects transferred to other teams. The dasbhoard works as a central hub for all Slater projects.
‍

‍

‍

Code

The Editor

The editor is the main working place for coders and no-coders. Here, users can easily create code with the help of the AI-powered Slater chat. They can also create documentation for their files to later share with the Slater community. From the dropdown on top, users can easily switch between types of view: Code Only, Code + Tools, or Tools Only.
‍

‍

‍

A great community supporting a great product

After just one year, the impact that Slater had on the Webflow community was huge. We had extraordinary feedback from users that now can expand the limits of Webflow by leveraging the power of Slater AI & community created resources on their projects.

‍