Design Guidelines

Introduction

Overall Concepts and Guidelines

Information Architecture

Modular Components and Atomic Design

Shapes and Roundness

Hierarchy and Wayfinding

Spacing and Alignment

Colors

Colors

Use of Colors

Typography

Fonts

Text Style

Components

Navigation Bars

Tab Bar

Top Bar

Input Fields

Share Components

Search Input Field

Multiple Sizes Input Fields

Mega Input

Selectors

Dropdown

Radio and Check

Toggle

Horizontal Menu

Organizers

Section Label

Page Name

Community and Social

Post

Before and After

Media in Post

IAM

Pop Up IAM

Screens

Community

Community Home Feed

Groups

Invite Friends

Filter

Notifications

Streaks

Streaks

Resources

Icons

Icons

Lottie Animations

Lottie Animations

Logo Files

Logo Files

Weight Loss Plans

Weight Loss Plans