# UI (User interface) Sunbird-Ed portal

The User Interface (UI) in the Sunbird-Ed portal is meticulously designed to provide an intuitive and engaging experience. Our UI is characterized by modern aesthetics, seamless navigation, and user-friendly components.

We prioritize accessibility and responsiveness, ensuring that users can interact effortlessly across devices. With a consistent design language, comprehensive style guide, and thoughtfully crafted components, the Sunbird-Ed portal's UI fosters efficient learning and collaboration, empowering users to make the most of their educational journey.

{% content-ref url="/pages/Qgo7qqd8GHQSZ2HzWnsE" %}
[Angular Material](/older-versions/contribute/source-code/workflows/ui-user-interface-sunbird-ed-portal/angular-material.md)
{% endcontent-ref %}

{% content-ref url="/pages/UlVbI5cl4b6FP1gV8dNh" %}
[Component Style Guide Version 1](/older-versions/contribute/source-code/workflows/ui-user-interface-sunbird-ed-portal/component-style-guide-version-1.md)
{% endcontent-ref %}

{% content-ref url="/pages/de1RXKxD8CvlAtbn0uka" %}
[SB-Styles: A Comprehensive Design Resource](/older-versions/contribute/source-code/workflows/ui-user-interface-sunbird-ed-portal/sb-styles-a-comprehensive-design-resource.md)
{% endcontent-ref %}

{% content-ref url="/pages/kETxhZ5ynnZb1JVxLgS4" %}
[SB-Themes Repository: Unifying Design Across Platforms](/older-versions/contribute/source-code/workflows/ui-user-interface-sunbird-ed-portal/sb-themes-repository-unifying-design-across-platforms.md)
{% endcontent-ref %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://ed.sunbird.org/older-versions/contribute/source-code/workflows/ui-user-interface-sunbird-ed-portal.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.