Components
Seperated by the Atomic Design principle in atoms, molecules and organisms.
Welcome to the Smartphoto Brandplatform
The brandplatform for Little Miss Robot, based on certain guidelines, represents the branding of the company, visualised throughout components forming pages.
Pages
Build up by the different components and layout.
User Manual
Learn how we work and how to add implement the design system into your application.
1.8.5
View log
ADJUSTED: mobile nav, styling steps, header script, product-description heading, preview size icons, responsive header, breadcrumbs, description list, slick slider js, tooltip shoppingcart, tooltip my-account, hide-classes, header molecule - prictag rsp, tooltip display for website, extra-options fixes iE ADDED: typography class, error message to collapse, new icons, autocomplete molecule, layout modification class REMOVED: toggle from UX page IMPLEMENTED: Wobbler inside the UX page, autocomplete
Reading material
BEM
In order to structure and name our components and its child elements, we use the BEM naming convention.
BEMIT
To extend the use of BEM, we make use of the BEMIT principle where we define name spaces in our naming in order to give a role to our components.
Atomic Design
We make use of the Atomic Design principle to divide our components into a hierarchy consisting of atoms, molecules and organisms.