Типографика

Система иерархической организации текстовой информации.

Заголовки

Стиль заголовка

Heading 1
  • Font Size: 42px/2.625rem
  • Line Height: 50px/120%
  • Font Weight: 300/Light
@include cds-font-heading-1()

Стиль заголовка

Heading 2
  • Font Size: 32px/2rem
  • Line Height: 38px/120%
  • Font Weight: 300/Light
@include cds-font-heading-2()

Стиль заголовка

Heading 3
  • Font Size: 28px/1.75rem
  • Line Height: 33px/120%
  • Font Weight: 300/Light
@include cds-font-heading-3()

Стиль заголовка

Heading 4
  • Font Size: 20px/1.25rem
  • Line Height: 24px/120%
  • Font Weight: 700/Bold
@include cds-font-heading-4()
Стиль заголовка
Heading 5
  • Font Size: 16px/1rem
  • Line Height: 19px/120%
  • Font Weight: 700/Bold
@include cds-font-heading-5()
Стиль заголовка
Heading 6
  • Font Size: 14px/0.875rem
  • Line Height: 16px/120%
  • Font Weight: 700/Bold
@include cds-font-heading-6()
Стиль заголовка
Eyebrow
  • Font Size: 10px/0.625rem
  • Line Height: 13px/130%
  • Font Weight: 700/Bold
@include cds-font-heading-eyebrow()

Текст

Вы можете выбрать тип поля (строковый, числовой, дата, выпадающий список), сделать его обязательным или необязательным для заполнения участником, а также доступным для просмотра только организатору (приватным) или же публичным.

Extra small body text
  • Font Size: 12px/0.75rem
  • Line Height: 15px/130%
  • Font Weight: 400/Normal
  • Max Line Length: 461px/50cpl
@include cds-body-text-xs()

Вы можете выбрать тип поля (строковый, числовой, дата, выпадающий список), сделать его обязательным или необязательным для заполнения участником, а также доступным для просмотра только организатору (приватным) или же публичным.

Small body text
  • Font Size: 14px/0.875rem
  • Line Height: 18px/130%
  • Font Weight: 300/Light
  • Max Line Length: 538px/50cpl
@include cds-body-text-s()

Вы можете выбрать тип поля (строковый, числовой, дата, выпадающий список), сделать его обязательным или необязательным для заполнения участником, а также доступным для просмотра только организатору (приватным) или же публичным.

Medium body text
  • Font Size: 16px/1rem
  • Line Height: 20px/130%
  • Font Weight: 400/Normal
  • Max Line Length: 861px/70cpl
@include cds-body-text-m()

Вы можете выбрать тип поля (строковый, числовой, дата, выпадающий список), сделать его обязательным или необязательным для заполнения участником, а также доступным для просмотра только организатору (приватным) или же публичным.

Large body text
  • Font Size: 24px/1.5rem
  • Line Height: 31px/130%
  • Font Weight: 400/Normal
  • Max Line Length: 1292px/70cpl
@include cds-body-text-l()

Вспомогательные стили

Вы можете выбрать тип поля (строковый, числовой, дата, выпадающий список), сделать его обязательным или необязательным для заполнения участником, а также доступным для просмотра только организатору (приватным) или же публичным.

Label text
  • Font Size: 14px/0.875rem
  • Line Height: 18px/130%
  • Font Weight: 400/Normal
@include cds-font-label()

Вы можете выбрать тип поля (строковый, числовой, дата, выпадающий список), сделать его обязательным или необязательным для заполнения участником, а также доступным для просмотра только организатору (приватным) или же публичным.

Description text
  • Font Size: 12px/0.75rem
  • Line Height: 15px/130%
  • Font Weight: 400/Normal
@include cds-font-description()

Текст ошибки. Объясните пользователю в чем ошибка и предоставьте информацию о дальнейших действиях.

Error text
  • Font Size: 12px/0.75rem
  • Line Height: 15px/130%
  • Font Weight: 400/Normal
@include cds-font-error()