Announcing the Vendor GUI pack

The Atlassian Vendor GUI pack is here!

Atlassian is proud to announce the release of the Vendor GUI pack, a brand new GUI pack with libraries for Sketch, tailored to the needs of our vendors.

Download the Vendor GUI pack

You can use this pack to quickly mock up your app designs and be better aligned with Atlassian’s design language. Everything within the pack has been made according to our current version of the Atlassian Design Guidelines for cloud products. Each component can also be found in Atlaskit, which is our frontend library. So, you’ll have no problems converting your designs to code.

What’s in the Vendor GUI pack?

All of the following components and patterns are in the Vendor GUI pack.

  • Foundations: Color, Depth, Typography
  • Content elements: Avatars, Badges, Dropdown menu, Icons, Lozenges, Mentions, Pagination, Progress tracker, Spinner, Tables, Tags, Tooltips
  • Form elements: Buttons, Checkboxes, Date picker, Inline edit, Quick search, Radio, Range, Selects, Text field, Toggles
  • Messaging: Banners, Flags, Section messages
  • Page structure: Breadcrumbs, Modal, Navigation, Page header, Tabs
  • Patterns: Empty state, Focused task


Did you enjoy this post? Want more of the same? Consider following Designing Atlassian.

Designing Atlassian

Tales from the Atlassian design team

Allard van Helbergen

Written by

Sr UX Designer Design Systems @Atlassian . Prev @Brandwatch @Google. SkateWindKiteWakeSurfGrafHipHop. Design Frontend Process. Peace.

Designing Atlassian

Tales from the Atlassian design team

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade