size30 and size20 design tokens are too far apart for Sign up MFA illustrations

[the-wormhole]

Hey Team, I am updating the illustrations on the Sign up Flow for twilio MFA. And I need to make use of a fixed Paste Design Token in order to achieve the image size. But the Design token size30 is too big and the size20 token is too small for my use case.

So I have to resort to using viewport height with different values for different screen resolutions. Can you suggest a design token that I can use here instead of having to handle different resolutions. I need something around 14-16 rem which lies in middle of size20 and size30 sizes

[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.

---

Based on the information provided in the context sections, it seems like you're looking for a design token that falls between size20 and size30 to achieve an image size of around 14-16 rem, which is not directly available in the standard size tokens provided by Paste.

However, considering the explanation about how the spacing and sizing tokens work in Paste, we can infer a solution by understanding the scale and steps between the sizes. Unfortunately, the exact rem sizes for size20 and size30 tokens weren't provided in the context sections, so I can't give you a precise token that matches 14-16 rem.

Given the situation, and without explicit documentation on a token that fits exactly within your requirements, I would recommend using the closest available token and adjusting the layout or design slightly to accommodate it. Alternatively, if your project allows for it, you could leverage custom styles for this specific use case, though this approach deviates from the standard practice of using design tokens for consistency and scalability.

For detailed guidance on available tokens and possibly finding a suitable alternative, you might want to refer to the Paste Design System tokens list.

Sorry, I don't have a direct answer with a specific token that meets your exact need based on the provided documentation excerpts.

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:

• Request for new 1440px token for max-width (updated: 04/09/2025, similarity score: 87%)
• Query about tokens (updated: 05/19/2023, similarity score: 86%)
• How to access the base font size set - Answer (updated: 08/10/2022, similarity score: 85%)

[dosubot[bot]]

Hi @the-wormhole! I'm Dosu and I’m helping the paste team.

There isn't a Paste design token available between size20 (12rem) and size30 (18.5rem) for illustration sizing—there are no tokens in the 14-16rem range in the current system (source).

Paste design tokens are intended to standardize spacing, sizing, and other design attributes across Twilio products. If you need a size between the existing tokens, you have a couple of options: use a custom CSS value (such as 15rem), or, if you have influence over the design system, propose adding a new token for this use case. If you must stick to tokens, you’ll need to choose the closest fit or continue using your current responsive approach.

Let me know if you want more details on how to implement a custom size while maintaining consistency with the rest of the system.

To reply, just mention my name @dosu.

---

^{How did I do? Good | Irrelevant | Incorrect | Verbose | Hallucination | Report 🐛 | Other}   

[serifluous]

Hey @the-wormhole ! Do you have a Figma file to show the size + context of the illustration? Can you share a link to that? Thanks!

[roxanagomez]

Marking as answered due to inactivity. Feel free to reply if you need more support!