copy.ai Navigation Bar Grid Spacing

Here's the grid spacing I used to create copy.ai's updated navigation bar component a few years back.

The collapsed state (shown on the left side of the image) keeps icon labels persistent to improve UX.

The expanded state (right side) has a popover menu, activated by clicking on the user's current Workspace, to quickly switch between Workspaces, create a new Workspace, access User Profile, access Experiments, or log out.

All icons were drawn on a 16px grid, custom made by yours truly.