# Typography In SUNBIRD products, text serves as the primary means for teams to convey content and accomplish tasks. To ensure consistency and readability, we've carefully crafted a typographic landscape that exclusively relies on system fonts. Specifically, we use the uniform font size and weight of ***Noto Sans Regular*** for all standard typefaces. The 8-point grid concept plays a pivotal role in driving design consistency, allowing us to assess user needs and scale typography effectively to meet those requirements. For more information please refer to this doc \\
**Font Systems:** The beauty and organization of a font system are largely determined by the font scale and line height. Font scale encompasses a range of font sizes, while line height represents an invisible container that surrounds the font. In our design framework, we recommend a base font size of 14, paired with a corresponding line height of 22. This combination offers an optimal balance of legibility and aesthetics. For the remaining font sizes, we provide flexibility for customization based on specific project requirements. In alignment with design best practices, we advise maintaining restraint when selecting font scales. In most cases within a design system, except for display pages, it's advisable to limit the font scale to 3 to 5 variations. This approach ensures a harmonious and controlled typographic hierarchy, enhancing the overall visual experience.
--- # 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/component-style-guide-version-1/typography.md?ask= ``` 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.