Rocket.Chat

Open Source Team Communication

Back to showcase
Hero

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

Rocket.Chat Platform
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
Rocket.Chat Illustration
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.

Rocket.Chat Operating Systems
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.

Rocket.Chat Font Typography
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.

Rocket.Chat Colour Palette
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.

Rocket.Chat Iconset
Rocket.Chat Illustration
UI Components

Buttons & DropDown

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.

Rocket.Chat UI Components
Rocket.Chat Buttons
Rocket.Chat Inputs
Rocket.Chat Checkboxes and Radio Buttons
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.

Rocket.Chat Sidebar
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.

Rocket.Chat Components
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.

Rocket.Chat Desktop
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.

Rocket.Chat Live Chat
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.

Rocket.Chat Video Calls
Rocket.Chat Video Call Desktop
Rocket.Chat iOS App
Rocket.Chat Available for iOS App and Android
The App

Customisation

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

Rocket.Chat Customisation
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.

Rocket.Chat Sidebar
Design

Website

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

Rocket.Chat Illustration
Rocket.Chat Website
Rocket.Chat Grid
Design

Light/Dark

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

Rocket.Chat Illustration

AKASHA

Open systems to expand our collective mind

View project