Margins are recommended 96px but there's no spacing token.

[kkenna3]

HI, we're migrating our Console pages to Console.zen and following the horizontal spacing guidelines here
However, there are no spacing tokens above 72 pixels. Is the team planning on adding larger spacing tokens? If not, should we be using a smaller margin ($space-200) or not use a token to achieve 96px?

[TwilioPasteBot]

Disclaimer: This is a very experimental bot using OpenAI's GPT-4. The answers may not be correct, a human will review the answer and update it if necessary.

---

Hi! For larger spacing needs where there isn't a direct token in Paste, such as wanting to achieve a 96px margin, the recommendation isn't explicitly stated in the documentation provided. However, based on the principles outlined in the Paste design system, it's important to maintain consistency and scalability within your design.

Given that the largest spacing token currently available is $space-200 (which corresponds to 72px), and there's a need for a 96px spacing, you have a couple of options:

1. Use a Custom Value Outside of Tokens: While not ideal, since it deviates from the predefined tokens, this approach allows you to meet your exact design requirements. This should be done cautiously and with consideration of maintaining consistency across your application.

2. Reevaluate Your Design Needs: Consider if the 96px spacing is absolutely necessary or if a smaller margin, such as $space-200, could suffice. This approach keeps you within the bounds of the design system's tokens.

3. Contact the Paste Design System Team: Since the documentation mentions the possibility of adding sizing tokens or using primitives outside of Paste for exact sizes (as discussed for the Sidebar and Masthead sizing), it might be worth reaching out to the Paste design system team for guidance. They could offer an interim solution or inform you about upcoming token additions that include larger spacings.

Unfortunately, without explicit guidance in the provided documentation on handling spacings larger than 72 pixels, these recommendations are based on general best practices within design systems. For the most accurate and up-to-date advice, contacting the Paste design system team directly would be the best course of action.

For more information on spacing tokens and to stay updated on any changes, you can visit: https://paste.twilio.design/tokens#spacings.

I also did a search, and I managed to find these other Discussions that might be similar or related to your question. Give them a read to see if they answer your question. If they do, head back here and update this discussion and mark it as answered, pointing others to the related discussion:

• General questions related screen sizes and spacing (updated: 11/22/2022, similarity score: 88%)
• Guidelines/standard on scaling a page based on window size - Answer (updated: 09/23/2024, similarity score: 85%)
• Sizing for Masthead and Sidebar (updated: 06/22/2022, similarity score: 85%)

[serifluous]

Hey @kkenna3, thanks for catching this. The update's in our backlog. We'll get the tokens in soon: https://twilio-productivity.atlassian.net/browse/DS-555

[serifluous]

The new tokens are now available in code and Figma.