The Ushahidi Platform front-end is served via the assets folder. Production files are compiled via gulpfile.js.
HTML templates are compiled via Handlebars. A .html template must be created in the pattern-library/_layouts directory, then a .hbs template must be created in the assets/templates directory. Handlebars will then compile the production html into the assets/html directory.
Warning: Assets/html displaying "page not found" error
Each UI pattern gets it's own .scss file, then each of those files are organized by their respective sections (Basics/Fragments/Modules etc...) and @imported within the style.scss file.
Basics are the components that make up fragments. Oftentimes, a basic can't even stand on its own as a UI element (for example, a color) but it is required to create other things. All basics are just one html element.
Fragments are made up of more than one html element, but usually do not stand on their own. Fragments are combined to create modules.