Create, edit, duplicate, delete workspaces, in which you can create, edit, duplicate, delete, nest, preview, group, categorize or sort modular «design components»
Each component can consist of HTML, CSS, JavaScript
From each workspace you can publish several versions of style guides
Every workspace or style guide can include 6 levels of hierarchy: Styles, Atoms, Molecules, Organisms, Segments and Templates, in which you can nest components in each other
In this way you can create and publish complete page templates
Choose between «mobile first» or «desktop first» CSS structure
For each component the CSS can be defined «responsive», that means in relation to a viewport (e.g. S-, M-, L-View)
CSS/JS frameworks can be implemented as a working basis
Backend functionalities
Nest and sort design components via «Drag & Drop»
Autosuggest-Search for components
User management for additional co-editors
Most CSS/HTML-statements are entered without code input over autocomplete lists and «Drag & Drop» wizards
All inputs are possible in different measurements (px, em, rem, %)
Digital asset management: Uploading and administration of own web-fonts, images and an individual CSS or JS codes
Integration of all Google fonts (with preview functionality)
Define individual breakpoints for CSS media queries, define pseudo elements and classes
Responsive WYSIWYG preview of components during the creation process