### Use Logos Package for Frontend

Source: https://guides.kontur.ru/re/sources/logos

For frontend development, use the logo package from @skbkontur/logos. Refer to the documentation for usage details.

```bash
npm install @skbkontur/logos
```

--------------------------------

### Figma Prototype Display Options

Source: https://guides.kontur.ru/principles/user-research/preparingprototype

When testing a prototype on a respondent's device, it's important to check how it appears on different screen resolutions. Figma's Options menu provides several display modes for prototypes.

```text
In the Options menu in Figma, there are several options for displaying the prototype:
* Actual size (100%)
* Fit to screen
* Fit to width
* Fill screen
```

--------------------------------

### Using semantic HTML for roles and buttons

Source: https://guides.kontur.ru/principles/accessibility/accessibility

Utilize semantic HTML tags like `<a>` for links and `<button>` for buttons based on their functionality, not just appearance. This ensures correct interpretation by screen readers.

```HTML
<!-- Use <button> for actions -->
<button>Submit</button>

<!-- Use <a> for navigation -->
<a href="/settings">Settings</a>

```

--------------------------------

### Creating human-readable links with title attribute

Source: https://guides.kontur.ru/principles/accessibility/accessibility

Ensure links are descriptive and provide an accessible name using the `title` attribute for screen readers when the link text alone is insufficient.

```HTML
<a href="/about" title="Learn more about our company">About Us</a>

```