Components

1 Sections

Introduction

Through the Components Section, we are going to express lots of elements such as buttons, forms and many more. by deeply understanding the Components section content and Guidelines, you can easily build new screens and interactions.

  • Buttons

    (5 Sections)

    Buttons are used to initialize an action.
    Button labels express what action will occur when the user interacts with it.

  • Calendars

    (2 Sections)

    Calendars and dates.

  • Cards

    (6 Sections)

    Cards, Tails, Boxes and more.

  • Charts

    (3 Sections)
  • Comments

    (2 Sections)
  • Error Page

    (1 Sections)
  • Featured

    (2 Sections)
  • Footers

    (2 Sections)

    Footers and content endes.

  • Form Controls

    (14 Sections)

    Monsha’at applications use various Form Controls that cater to following use cases:

    1. Form controls are used to capture data and information from users in most minimal and user-friendly way

    2. Form controls are also used for users to be able to configure options.

    3. Intuitive form controls provide a way for end users to be able to initiate a dialog, a conversation with the application

    Below are the detailed guidelines on various types of form controls used across Monsha’at design solutions. Key UX principles (found in Principles section) such as minimalism, balanced visual hierarchy, ‘design over decoration’ have been kept in mind to design the controls.

  • Headers

    (5 Sections)

    Headers and beginnings content.

  • Hero Sections

    (3 Sections)
  • Lists

    (2 Sections)

    Content Lists and items menus.

  • Media

    (2 Sections)
  • Messages

    (2 Sections)
  • Notifications

    (4 Sections)
  • It is almost a no-brainer that first impressions matter a lot. To the extent that one study revealed that on an average mobile apps lose 77% of its daily active users within 3 days post-install. Regardless of how intuitive and user-friendly the experience is, it is fundamentally difficult to get users do stuff. Users are hard-won. Relevant onboarding and explainers help us achieve user acquisition to a good degree.

  • Popups

    (2 Sections)
  • Process/Steps

    (2 Sections)
  • Progress Indicator

    (3 Sections)

    Loaders and progress indicators.

  • Quotes

    (2 Sections)

    Quotes and Content Highlights.

  • Sliders

    (2 Sections)

    Sliders and featured area solutions.

  • Statistics

    (2 Sections)
  • Tables

    (3 Sections)
  • Tabs

    (2 Sections)

    Tabs, toggle boxes and more.

  • Widgets

    (2 Sections)