Naming Convention

The whole artboard/frame will be on auto-layout
Separate all the sections as per the section heading
Combo class: To add a combo class use ‘=’ in the name. Combo classes start with ‘is-{propert name}

E.g. ‘container = is-gap-s04’

Section: Each section will be named as ‘section-padding-sn’ where sn = spacing name i.e. s00, s01, s02, and so on.’
- This will never have a combo class
Container: Inside each section, we will compulsorily have a container. This will contain all the content of that section including the heading and body.
- Possible combo class: is-gap-sn; is-horizontal
Divs: All the frames inside the containers will be on auto-layout and named as ‘div-gap-sn’ where sn = spacing name i.e. s00, s01, s02, and so on.’
- Possible combo class: is-horizontal

<aside> 🐚 Adding a combo class is not necessary on Figma

</aside>

Figma Artboard

Use components for the duplicate folds such as ‘case studies’ etc.
Run your design on design lint to ensure all styles are coming from the style guide.
Use spacing from the space style guide only

<aside> 👇 Do the following steps once the designs are approved to avoid duplicate work

</aside>