alert--smallalertarchive--smallarchivearrow-left--smallarrow-leftarrow-right--smallarrow-rightblock--smallblockcalendar--smallcalendarcamera--smallcameracheck--smallcheck-circle--smallcheck-circlecheckchevron-down--smallchevron-downchevron-left--smallchevron-leftchevron-right--smallchevron-rightchevron-up--smallchevron-upclock--smallclock-arrow--smallclock-arrowclockcog--smallcogconversation--smallconversationcopy--smallcopycreditcard--smallcreditcardcross--smallcross-circle--smallcross-circlecrossdownload--smalldownloadedit--smalleditexport--smallexportexternal-facebookexternal-facebookboxedexternal-flickrexternal-gmailexternal-instagramexternal-linkedinexternal-mediumexternal-messenger-outlined--smallexternal-messenger-outlinedexternal-outlookexternal-tumblrexternal-twitter-outlined--smallexternal-twitter-outlinedexternal-twitterexternal-yahooexternal-youtubefilter--smallfilterfolder--smallfolderglobe--smallglobegroups--smallgroupsheart--smallheart-outline--smallheart-outlinehearthide--smallhidehome--smallhomeinfo--smallinfoinvite--smallinvitelaunch-new-window--smalllaunch-new-windowlink--smalllinklocation-pin--smalllocation-pin-slashed--smalllocation-pin-slashedlocation-pinlocation-services--smalllocation-serviceslock--smalllockmail--smallmailmeetup-m--smallmeetup-mmessages--smallmessagesminus--smallminusnotifications--smallnotifications-badged--smallnotifications-badgednotifications-mute--smallnotifications-mutenotificationsoverflow--smalloverflowphoto-album--smallphoto-album-add--smallphoto-album-addphoto-albumplus--smallplus-circle--smallplus-circleplusprofile--smallprofilepulse--smallpulserefresh--smallrefreshreply--smallreplysearch--smallsearchsend--smallsendsent-messages--smallsent-messagesshow--smallshowstar--smallstartextblock--smalltextblockticket--smalltickettrash--smalltrashupdates--smallupdates
☰

Swarm Design System

SDS

Meetup logo

Designing for social transformation

The Swarm Design System is a living ecosystem to help our teams craft online experiences to bring people together offline

  • Design

    Guidelines for product design at Meetup. Includes our design team’s processes and principles as well as visual design details

    Start designing

  • Brand

    Information about the Meetup brand including our mission, voice and tone, and brand assets.

    Learn more

  • Content

    Guidelines on the tone of voice to personify the brand and personality of Meetup, while keeping the product easy to navigate and understand.

    Review guidelines

  • Web Components

    A set of UI components ready for use by designers and engineers to quickly ship new products and features.

    Get components

Instead of rethinking the foundation of each new Meetup experience, the Swarm Design System allows teams to focus on transforming lives through new ideas and experiments. Here you’ll find resources for creating a unified, consistent experience with purpose, design guidelines, content style, and best practices, helping us to quickly create one-off tests and solutions.

Who is it for?

  • Designers

    Guidelines to learn the Meetup product design patterns and principles

    Components section to familiarize with the existing components to be incorporated into designs

  • Writers, Producers, and Transcreators

    Guidelines to learn the Meetup brand and content style

    Examples of tone of voice to personify the brand and personality of Meetup, while keeping the product easy to navigate and understand

  • Engineers

    Accessibility, internationalization, and platform engineering guidelines

    Documentation for using design-ready, stable components and tools

  • Product Managers

    Save time and ship faster by knowing all Meetup product design and development patterns and principles

    Understand the design and development process at Meetup at a glance

    Resource for creating within an existing component base to increase speed and agility

Meetup home

Last updated Jan 01 2018, 6:00 PM