Дизайн-кит Бонихуа

Это дизайн система, которую мы используем, чтобы вам было комфортно работать с нашим сайтом. Находится на нем.

1. Цвета и Токены

Background

var(--color-bg)

Surface

var(--color-surface)

Text

var(--color-text)

Accent

var(--color-accent)

Sakura

var(--color-accent-secondary)

Green

var(--color-green)

MHC Cream

var(--mhc-cream)

Pink Highlight

var(--mhc-hl-pink)

2. Хлебные крошки

3. Карточки контента

4. Чеклисты

Обычный чеклист

0/3 выполнено

Нумерованный чеклист

0/3 выполнено

5. Аккордеон FAQ

ЧаВо

Зачем нам нужен дизайн-кит?
Для централизации компонентов и обеспечения единого визуального стиля для всех страниц.
Какие шрифты используются?
Заголовки используют Unbounded/Anton, а для основного текста — Manrope.

6. Оглавление

Примечание: этот компонент автоматически собирает h2/h3 со страницы.

7. Кнопки

8. Ссылки

9. Карточки-ссылки

10. Цитаты

Нео-брутализм — это не просто отсутствие правил, это смелость быть заметным и понятным одновременно.
Неизвестный автор
Даже самое длинное путешествие начинается с одного шага.
Конфуций

11. Плюсы и Минусы

Преимущества

  • Яркий и запоминающийся дизайн
  • Высокий контраст текста
  • Четкая типографика

Недостатки

  • Может отвлекать от мелких деталей
  • Не подходит для скучного корпоратива

12. Карточка Автора

Об Авторе
Анна Иванова

Анна Иванова

Преподаватель китайского·Бонихуа

Эксперт по подготовке к HSK. Помогла более 500 студентам сдать экзамен на высший балл.

#HSK#Грамматика#Иероглифика

13. Действия со статьей (Лайки / Поделиться)

Статья понравилась

Отправить другу или подруге