Piaf is a combination of good design, quality code and attention for details.
We used same design language for components, layouts, apps and other parts of the themes.
Hope you enjoy it!
Right Click Menu
Increases overall usability of the project by providing additional actions menu.
Easily configurable keyboard shortcuts plugin that highly improves user experience.
Two Panels Menu
Three states two panels icon menu that looks good, auto resizes and does the job well.
Icons Mind (Save $79)
1040 icons in 53 different categories, designed pixel perfect and ready for your project.
10 Color Schemes
Colors, icons and design harmony that creates excellent themes to cover entire project.
Applications that mostly made of components are the way to get started to create something similar.
Custom Bootstrap 4 xxs & xxl classes delivers better experiences for smaller and larger screens.
We tried to create an admin theme that we would like to use ourselves so we listed our priorities. We would like to have a theme that is not over complicated to use, does the job well, contains must have components and looks really nice.
As a web developer we enjoy to work on something looks
nice. It is not an absolute necessity but it really
motivates us that final product will look good for user
point of view.
So we put a lot of work into colors, icons, composition and design harmony. Themed components and layouts with same design language.
We kept user experience principles always at the heart of the design process.
Layouts for the Job
Layouts are the real thing, they need to be accurate and
right for the job. They should be functional for both
user and developer.
We created lots of different layouts for different jobs.
Listing pages with view mode changing capabilities, shift select and select all functionality, application layouts with an additional menu, authentication and error layouts which has a different design than the other pages were our main focus. We also created details page with tabs that can hold many components.
Using charts is a good way to visualize data but they
often look ugly and break the rhythm of design.
We concentrated on a single chart library and tried to create charts that look good with color, opacity, border and shadow.
Used certain plugins and created some to make charts even more useful and beautiful.
Structures & Layouts
We did our best to create layouts for various needs that developers might have and best experience
They are clean and slick. They function well and look good at the same time.
Single Page Application
Data List App Menu Hidden
We used most popular and well managed open source components with bootstrap components. Combined them
into even more useful ones. Themed them with same design principles and created a design harmony
between components and layouts.
From carousels to charts, switches to list we tried to provide components that we like to use on our development processes.
We carefully choosed colors and created 5 different themes with dark and light versions. You may also create your own themes easily since all the theme related styling is managed by Sass variables.