BLOG
Suggest Product

Friday Design System

Friday Design System (FDS) is a Design System accelerator that will assist you in quickening the development and design processes. It includes open-source components and modules that spare you the trouble of creating a Design System from start.

Visit Website

About Friday Design System

Friday Design System (FDS) is a Design System accelerator that will assist you in quickening the development and design processes. It includes open-source components and modules that spare you the trouble of creating a Design System from start.

FDS is especially designed to facilitate multi-brand experiences for digital enterprise applications and e-commerce. Our team has extensive experience implementing customer journeys for the telecom and BFSI industries, and we have used this experience to ensure that FDS offers components, API platforms, and other core components to speed up the implementation of digital customer journeys for multi-branded experiences with cross-platform support in multiple development frameworks, such as React & Angular.

A complete design system called FDS enables you to begin creating multi-branded experiences. Our team has established the fundamental elements, including the documentation, procedures, organizational structure, metrics, and distribution models. Accessibility standards have been taken into account, and every component has been thoroughly tested.

The Friday Design System consists of:

Design Kit: A collection of adaptable, dependable, and easily accessible parts created and maintained in Figma. Best practices and instructions for using each component are also provided, along with a list of supported variations.

Storybook documentation shows development-ready components from Angular and React, as well as usage instructions and alternatives.

Component Library: A collection of static components that will speed up the implementation of your design system and are built to facilitate multi-brand experiences in the most widely used frameworks, such as Angular and React.

following items in the Design Kit V.1.1:

Design Language

  • Themeable components for your brand colours/fonts
  • Layout & Grid System: Breakpoints (small, medium, large & extra large devices)
  • Typography: Font sizes, styles, font-weight, letter spacings and line-height etc
  • Iconography: a set of font icons
  • Colours: Primary, Secondary, error, warning, success etc
  • Spacing Units

Components

  • Buttons ( Primary, Secondary, Clear)
  • Input
  • Check Box
  • Radio Button
  • Select
  • Tooltip
  • Popover
  • Modal
  • Toast Notifications

Blog Posts About Design System

Related Products View All
Palmetto Design System

The goal of the Palmetto Design System is to make it easier and faster for us to produce applications with the Palmetto brand.

Paradigm Design System

For Mail.ru products, Paradigm is a design system that enables us to preserve the integrity of the user experience while streamlining design and development resources.

Paste Design System

At Twilio, the Paste design system is employed to create user interfaces that are intuitive, unified, and of the highest caliber. With tools and resources, Paste assists Product Designers and Engineers in creating consumer UIs in Figma and React.

Primer Design System

Design, construct, and produce using the design system on GitHub

Radius Design System

You may speed up your design system by using the opinionated collection of open-source tools and frameworks known as The Radius.

UI2 Figma's Design System

Figma's UI2 Design System is a comprehensive set of design guidelines and resources that help teams create consistent, high-quality user interfaces (UIs) across web, mobile, and other digital platforms.

VTEX Design System

VTEX Styleguide is the design system for VTEX, serving as the home for all reusable patterns, components, and assets related to product design.

Pajamas Design System

These rules establish the requirements for maintaining a consistent brand image. The GitLab brand has developed into what it is today because to the cooperation of many contributors and iterative procedures, just like their product and business. It serves as a creative outlet for Gitlab's mission, vision, and core principles.

OSKRHQ Design System

A largely subjective but feasible method for creating adaptive digital interfaces with a shared anatomy.

Orbit Design System

Open source design framework for your upcoming trip endeavor.