The purpose of the page structure is to have a good readability of all elements of the page. The naming is not related to classes, tokens or variables. Generic name like “Box”, “Slot”, “HTML embed”… are not advised because it takes more time to debug and understand the architecture.

Try to use 3-4 words max in order to improve readabilty and maintenance.

<aside> 👉 Don’t know how to name an element? Just describe the purpose of that element.

</aside>

page_wrapper

• Contains all page content
• Used for copying content to another page
• Has no styling
• Use underscore to separate words

Global Style (à terminer)

• Contains global code you have to insert on all pages
• Start with capitalize letter because it’s reusable component (Slot)
• Related to <style>