Brand System is a design system created with the proposal of maximizing efficiency in the construction of digital touch points for any type of brand. It is made with completely scalable and reusable components so you only have to worry about creating the personality of your brand.
It is available in fully optimized versions for Sketch and Figma.
B_system consists of a complete UI Kit for web and app, free images, free illustrations, fonts and icons.
Includes 458 templates in a single sketch and figma file, documentation, and two illustrator files with illustrations.
The numbering of this presentation corresponds to the symbols in the file. This way, if you have seen something you want to use, you can easily find it in the file.
Features
- + 440 Components
- + 150 Modules
- + 458 Templates
- + 1.040 Artboards
- Styles for light and dark mode
- Symbols best practices
- Well organized and layered
- A single component for all resolutions
- 100% responsive components
- Free Images (with some exceptions of stock photos not available)
- Icon resources
- Google fonts
- Includes complete flows and interactions
- Free illustrations
- Style guide
Sections
- 0. Brand basics
- 1. Banners
- 2. Landings
- 3. Web Standar
- 4. Web Corporative
- 5. Web Creative
- 6. Team
- 7. Portfolios
- 8. Login
- 9. Register
- 10. Booking
- 11. User admin
- 12. Shops
- 13. Restaurant
- 14. Digital product
- 15. App register
- 16. App first experience
- 17. Financial app
- 18. Neumorphic app
- 19. Fashion app
Components
- 1. Buttons
- 2. Forms
- 3. Interaction elements
- 4. Headers
- 5. Menus
- 6. Cards
- 7. Links
- 8. Lists
- 9. Ctas
- 10. Social
- 11. Table rows
- 12. Grid cells
- 13. Carousels
- 14. Content
- 15. Accordions
- 16. Alerts
- 17. Credit cards
- 18. Widgets
- 19. Newsletters form
- 20. Adjustments
- 21. Devices
Desktop modules
- 1. Cards
- 2. Content
- 3. Footers
- 4. Marquees
- 5. Grids
- 6. Sliders
- 7. Login modules
- 8. Booking
- 9. Prices
- 10. Modals
- 11. Shop modules
- 12. Contact
- 13. Portfolio modules
- 14. Job offers
- 15. Testimonials
Credits
Images: Unsplash (https://unsplash.com)
Google Fonts: (https://fonts.google.com)
Icons: (https://www.flaticon.es)
“Icons based in Gregor Cresnar from www.flaticon.com “
Recommended!: (https://tablericons.com)
To consider!
Some of the images are free and included in the download. The images of the online stores and the corporate website come from the image bank and are not included.
Suggest an update
Can’t find what you need? Write us and we will take it into account in future updates. info@julianpg.com