-
Notifications
You must be signed in to change notification settings - Fork 49
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Add blog post for back office rebranding #1305
base: master
Are you sure you want to change the base?
Conversation
tblivet
commented
Aug 26, 2024
Questions | Answers |
---|---|
Description? | Add blog post to introduce back office rebranding in PrestaShop v9 |
Fixed ticket? |
Hello @tblivet! This is your first pull request on prestashop.github.io repository of the PrestaShop project. Thank you, and welcome to this Open Source community! |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Great job, @tblivet !
I'm adding some suggestions to it, and we can publish it tomorrow.
--- | ||
layout: post | ||
title: "PrestaShop Back Office rebranding with PrestaShop 9" | ||
subtitle: "Rebranded Back Office Themes Now Available in PrestaShop v9" |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
subtitle: "Rebranded Back Office Themes Now Available in PrestaShop v9" | |
subtitle: "Rebranded Back Office Themes Available in PrestaShop 9" |
tags: [ "9.0", Design ] | ||
--- | ||
|
||
By the end of 2023, PrestaShop unveiled a new brand identity to strengthen its position, enhance credibility, and build trust. The PrestaShop back office is one of the last assets to receive this rebranding, and the release of PrestaShop 9 provided the perfect opportunity for this update. The rebranding involved significant changes to the PrestaShop back office, focusing on its two themes. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
By the end of 2023, PrestaShop unveiled a new brand identity to strengthen its position, enhance credibility, and build trust. The PrestaShop back office is one of the last assets to receive this rebranding, and the release of PrestaShop 9 provided the perfect opportunity for this update. The rebranding involved significant changes to the PrestaShop back office, focusing on its two themes. | |
By the end of 2023, PrestaShop unveiled a new brand identity to strengthen its position, enhance credibility, and build trust. [We already announced]({{< relref "/news/posts/2023/new-project-branding" >}}) the new branding for the project, and the PrestaShop back office is one of the last assets to follow this change. The release of PrestaShop 9 provided the perfect opportunity for this update. The rebranding involved significant changes to the PrestaShop back office, focusing on its two themes. |
|
||
![Back Office rebrand](/assets/images/2024/08/bo_rebrand.png) | ||
|
||
## Back Office Rebrand |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
## Back Office Rebrand | |
## Back office rebranding |
|
||
## Back Office Rebrand | ||
|
||
### Anatomy of the PrestaShop Back Office |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
### Anatomy of the PrestaShop Back Office | |
### Anatomy of the PrestaShop back office |
|
||
## Need for Refactoring | ||
|
||
Updating both themes was essential to provide a consistent user experience throughout the back office. This harmonization effort focused on integrating CSS variables from the UI Kit, offering a centralized method to define design elements like colors, backgrounds, and shadows. The `_root.scss` file serves as a single source of truth for these variables, enabling efficient application of styles across both themes. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Updating both themes was essential to provide a consistent user experience throughout the back office. This harmonization effort focused on integrating CSS variables from the UI Kit, offering a centralized method to define design elements like colors, backgrounds, and shadows. The `_root.scss` file serves as a single source of truth for these variables, enabling efficient application of styles across both themes. | |
Updating both themes was essential to providing a consistent user experience throughout the back office. This harmonization effort focused on integrating CSS variables from the UI Kit, offering a centralized method to define design elements like colors, backgrounds, and shadows. The `_root.scss` file serves as a single source of truth for these variables, enabling efficient application style across both themes. |
|
||
Updating both themes was essential to provide a consistent user experience throughout the back office. This harmonization effort focused on integrating CSS variables from the UI Kit, offering a centralized method to define design elements like colors, backgrounds, and shadows. The `_root.scss` file serves as a single source of truth for these variables, enabling efficient application of styles across both themes. | ||
|
||
## Developer Tool for the Default Theme |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
## Developer Tool for the Default Theme | |
## Developer tool for the default theme |
|
||
CSS variables play a critical role in both the rebranding and the long-term maintainability of PrestaShop’s back office. They not only facilitate current design needs but also lay the foundation for future enhancements. | ||
|
||
### Why Use CSS Variables? |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
### Why Use CSS Variables? | |
### Why CSS Variables? |
date: 2024-08-26 | ||
author: [ ThibaultBlivet ] | ||
icon: icon-leaf | ||
tags: [ "9.0", Design ] |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
tags: [ "9.0", Design ] | |
tags: [ "9.0", design, ux ] |