Wrapped
A look back at the work that shaped Basis Design System this year.
New Components
New Color Variables
Storybook Docs
Color Classes Renamed
Design Docs
Color Classes Removed
Figma Designer Stats
Design System 3.0
This was a major revamp of our foundations that will make the design system more intuitive to use and more scalable in the future. We renamed and extended our design system variables and styles. We've also removed a large number of unnecessary styles and introduced a new icon library called "Lucide" icons.
App Drawer Side Navigation
We built upon previous work to refresh the navigation and updated the styles and icons. We also added collapsible sections, moved additional navigation items to the footer, and added a quick color mode toggle to the profile menu.
New Data Table in Platform
Toward the beginning of 2025, we released the new, more flexible data table component. We then implemented it on many of the most prominent pages in Basis including campaigns, line items, and analytics.
Design System Updates
New Documentation
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg"><path d="M 28.678 0.485 L 28.438 5.905 C 28.432 6.045 28.508 6.176 28.632 6.24 C 28.757 6.305 28.907 6.291 29.018 6.205 L 31.138 4.605 L 32.938 6.005 C 33.046 6.077 33.184 6.086 33.3 6.028 C 33.416 5.97 33.491 5.855 33.498 5.725 L 33.298 0.205 L 35.958 0.005 C 36.622 -0.039 37.273 0.195 37.758 0.65 C 38.243 1.105 38.518 1.74 38.516 2.405 L 38.516 45.597 C 38.517 46.255 38.248 46.884 37.771 47.338 C 37.295 47.792 36.653 48.03 35.996 47.997 L 3.804 46.557 C 2.548 46.505 1.545 45.493 1.504 44.237 L 0.004 4.643 C -0.034 4.006 0.183 3.381 0.607 2.904 C 1.031 2.427 1.627 2.139 2.264 2.103 L 28.658 0.443 Z M 22.538 18.599 C 22.538 19.539 28.858 19.079 29.718 18.439 C 29.718 12.039 26.278 8.659 20 8.659 C 13.7 8.659 10.202 12.099 10.202 17.239 C 10.202 26.139 22.2 26.299 22.2 31.157 C 22.2 32.557 21.56 33.357 20.1 33.357 C 18.18 33.357 17.4 32.377 17.5 29.037 C 17.5 28.317 10.202 28.077 9.962 29.037 C 9.422 37.097 14.422 39.437 20.16 39.437 C 25.74 39.437 30.098 36.457 30.098 31.077 C 30.098 21.537 17.9 21.797 17.9 17.079 C 17.9 15.139 19.34 14.879 20.16 14.879 C 21.06 14.879 22.66 15.019 22.54 18.619 Z" fill="rgb(255, 255, 255)" height="48px" id="pSGoD3i6A" transform="translate(5 0)" width="38.51614917566891px"/></svg>)
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg"><path d="M 0 0 L 32 0 L 32 16 L 16 16 Z M 0 16 L 16 16 L 32 32 L 0 32 Z M 0 32 L 16 32 L 16 48 Z" fill="rgb(255, 255, 255)" height="48px" id="MhjMeyYsI" transform="translate(8 0)" width="32px"/></svg>)
Coming Soon
New Fonts
We will be changing all fonts to Inter. Inter is a versatile, open-source typeface designed to maximize legibility and clarity in user interfaces.
New Shadows
This year we will be updating our shadows to more modern styles. These use "layers" to give the shadows a lighter look and feel while still maintaining a sense of increasing elevation.
Thank You
To our core team and every one of our collaborators: thank you for pushing the boundaries of what our system can achieve. You’ve turned a set of components into a culture of excellence, and we can’t wait to see what we build together next year.