Fix/wording fixes

website/data/pages/accessibility.mdx

@@ -8,7 +8,6 @@ description: Making content available for everyone also passes by caring deeply
 Making content available for everyone also passes by caring deeply about making content accessible for as many people as possible. A qualitative digital experience should have a  great User Experience (UX). This doesn't only include an appealing design and a clear copy but also the fact of being inclusive to everyone.
 
 ![Accessibility illustration](/accessibility_illustration.png)
-
 ## An inclusive usability
 
 It’s not completely true for now, but it’s an objective we’re aiming for. It’s important that Strapi product and plugins are usable and useful to everyone. <br/> <br/>
@@ -25,4 +24,4 @@ To help people relying on assistive technologies, like text-to-speech tools or s
 
 ## Feedback
 
-Building accessible and inclusive experiences is a hard task, and making sure we are not unintentionally excluding users from our product is a long road. If we’ve made any mistakes in this style guide, please reach out by [creating a GitHub issue](https://github.com/strapi/design-system) and help us make it better.
+Building accessible and inclusive experiences is a hard task, and making sure we are not unintentionally excluding users from our product is a long road. If we’ve made any mistakes in this style guide, please reach out by [creating a GitHub issue](https://github.com/strapi/design-system) and help us make it better.

website/data/pages/colors.mdx

@@ -12,27 +12,21 @@ For light mode interfaces, we use a color system of 12 tones on our grey scale (
 As for dark mode interfaces, the same color keys are used. The only difference comes from color scales that are almost reversed and with many grey tokens to provide a good reading experience.
 
 ![Color system](/colors.png)
-
 ## Primary colors
 
 ![Primary colors](/primary-colors.png)
-
 ## Success colors
 
 ![Success colors](/success-colors.png)
-
 ## Danger colors
 
 ![Danger colors](/danger-colors.png)
-
 ## Warning colors
 
 ![Warning colors](/warning-colors.png)
-
 ## Secondary colors
 
 ![Secondary colors](/secondary-colors.png)
-
 ## Alternative colors
 
-![Alternative colors](/alternative-colors.png)
+![Alternative colors](/alternative-colors.png)

website/data/pages/grid-system.mdx

@@ -12,7 +12,6 @@ A grid system helps the content to follow a logical order and increase readabili
 The Strapi type stack specifies 14px/0.875rem for the base font size, which produces an 8px x-height. The x-height is halved to produce a 4px baseline. 
 
 ![Baseline](/baseline.png)
-
 This baseline convention naturally flows on to the rest of the grid system, which includes icons, components, and layout dimensions. Always try to align objects on the 8px grid, but where necessary use good judgement to fine tune your designs to 4px. The 4px baseline is there to allow more flexibility for line heights and smaller adjustments.
 
 All our “components blocks” flows vertically along this baseline, creating a similar rhythm across all screens. 
@@ -22,7 +21,6 @@ All our “components blocks” flows vertically along this baseline, creating a
 Use multiples of 4px when defining measurements, spacing, and positioning elements.
 
 ![Spacing system](/spacing-system.png)
-
 ## Best practice
 
 *‣* When necessary use 4px to make more fine tuned adjustments. <br/> <br/>
@@ -39,4 +37,4 @@ We use fixed margin of 56px and fixed gutters of 20px to ensure consistencies in
 > *3* - Columns : 12 <br/>
 
 ![Responsive grid](/responsive-grid.png)
-Fixed gutters of 20px to ensure consistencies in our alignement. The column width varies depending on screen sizes.
+Fixed gutters of 20px to ensure consistencies in our alignement. The column width varies depending on screen sizes.

website/data/pages/iconography.mdx

@@ -5,33 +5,28 @@ title: Iconography
 # Iconography
 
 ![Iconography](/iconography.png)
-
 ## Navigation icons
 
 Used only for the principal navigation. These icons are the most seen ones in the administration panel.
 
 ![Navigation icons](/navigation-items.png)
-
 ## Action icons
 
 Related to the actionable items. Use these icons within buttons, iconButtons, linkButtons and other similar components.
 
 ![Action icons](/action-items.png)
-
 ## Notifications icons
 
 Used in the Alert component.
 
 ![Notifications icons](/notifications-items.png)
-
 ## Content Type Builder icons
 
 All icons specifically designed for the Content types Builder fields.
 
 ![CTB icons](/ctb-icons.png)
-
 ## Empty state illustrations
 
 Empty states are a pattern used to indicate a page or a table is empty. A page or a table might be empty for different reasons: no entries have been created yet, a user doesn't have the permission to access something, something went wrong, etc.
 
-![Empty state illustrations icons](/empty-state-illustrations.png)
+![Empty state illustrations icons](/empty-state-illustrations.png)

website/data/pages/principles.mdx

@@ -6,10 +6,9 @@ description: It's an open source design system for plugins, products and digital
 # Principles
 
 ![Strapi Design System](/strapi-design-system-cover.png)
-
 # What is Strapi Design System ? 
 
-It's an open-source design system for plugins, products and digital experiences. This design system consists of design principles and guidelines, created from our design vision, components, design tools and resources, and a vibrant community of contributors.
+It's an open-source Design System for plugins, products, and digital experiences. This design system consists of design principles and guidelines, created from our design vision, components, design tools and resources, and a vibrant community of contributors. Strapi Design System replaces the old Buffet.js library.
 
 > ## What is a Design System?