Rocket.Chat

Open Source Team Communication

Back to showcase

Rocket.Chat is free, unlimited and open source as it replaces email & Slack as the ultimate team chat software solution. But what’s it like to design such a powerful open source platform?

Client

RocketChat

Services

  • UI/UX
  • Front-End
  • Illustration

Deliverables

  • Web App
  • Mobile Apps
  • Website
  • Illustration

Links

StyleGuide

Open Source Community

With over 20k stars on GitHub, more than 600 contributors and over 13k commits, Rocket.Chat is the largest and most active open source team chat community.

View on GitHub
StyleGuide

Native Typography

The design of every Rocket.Chat platform was created with native system fonts. Created with legibility at the core, these fonts will dynamically adapt to the platform’s specificity for unmatched performance.

StyleGuide

Font Style

Used in 6 different sizes & 4 different weights — Regular, Medium, Semibold & Bold. Font color will vary depending on the used background — Dark, Light or Color.

StyleGuide

Color Palette

With Space as the backdrop, planets and stars bring this universe to life. 
A mixture of strong & vibrant colors to contrast with the darkness of space.

StyleGuide

Iconography

A vast and diverse constellation of icons, carefully crafted to add visual context and enhance usability. Created in 3 different sizes to satisfy the most varied sections of the app.

UI Components

Buttons & DropDownn

We believe in a well structured component based system that can effortlessly bridge the design and developement process. A single source of truth that serves as the backbone of Rocket.Chat.

UI Components

The Sidebar

Constructed with smaller independent components that together form a versatile, everchanging navigation bar that is paramount to the platform’s navigation.

UI Components

Endless components

Small pieces of a very complex puzzle, each with their own specificity, with various perks & permutations, come together to form Rocket.Chat.

The App

Desktop

Fully featured & fully customizable! The end product of our design process is in fact the foundation to the limitless possibilities of its open source nature.

The App

Live Chat

With Rocket.Chat LiveChat you can add real-time chat widgets to any website or mobile app and get more value from your team chat. Replace other systems and use one communication platform to save time and money. Create a user support helpdesk, answer customer queries and convert leads.

The App

Video Calls

Rocket.Chat’s one-to-one or one-to-many high-quality video calling feature is simple, reliable, and works on all platforms. Improve your team’s communication with live, face-to-face video chat.

The App

Customisation

Customise your platform to tailor its exact look & feel by adding or removing features and selecting your own integrations, plugins & themes.

The App

More Costumisation

Change the font, its size, color & weight. Change the background color or add your unique family of icons. Endless customisationpossibilities to make Rocket.Chat your own.

Design

Website

The gateway to a fantastic open source community that comes together for the future of team communication.

Design

Light/Dark

In productivity-led areas of the website, we allow the user to opt for their viewing preferences.

Reforestum

Create your Own Forest

View project