Skip to content

Design Guidelines

Shirish Kadam edited this page May 19, 2023 · 2 revisions

Contributor Design Guidelines

At Tonic IDE, we believe in creating a consistent and user-friendly design experience. This document outlines the design principles that should be followed when contributing to the Tonic IDE.

Material Design

We use Google's Material Design as the primary design system for the Tonic IDE. Material Design principles help create a modern, intuitive interface for users. When designing a new feature or making changes to the existing system, please follow the Material Design guidelines.

Resources:

Iconography

For a consistent look and feel, we use icons from the FontAwesome library. Icons should be used sparingly and only where necessary to avoid visual clutter.

Resources:

Color Palette

The use of colors should be consistent with the Material Design color system. Colors should be used to guide the user's attention and not distract. The choice of color should also take into account accessibility, ensuring sufficient contrast for users with visual impairments.

Resources:

Typography

Typography plays a critical role in user interfaces, improving readability and the overall aesthetic of the product. The Material Design typography guidelines should be followed. It suggests the use of robust, geometric typefaces that combine well with the visual language of Material Design.

Resources:

User Interface (UI) Components

When creating UI components, adhere to the guidelines outlined in the Material Design Components library. This ensures consistency across all parts of the application.

Resources:

Layout

Material Design's responsive UI is based on a 12-column grid layout. This grid helps to structure the layout of different UI components and to achieve consistent placement and alignment.

Resources:

Accessibility

Design should be inclusive. It's important to ensure that your design is accessible to as many users as possible, including those with visual, motor, auditory, speech, or cognitive disabilities.

Resources:

By following these guidelines, we ensure a cohesive and user-friendly experience. Contributions that adhere to these design principles are highly valued and appreciated. Thank you for your interest in improving the Tonic IDE.

Core Design