Используемые шрифты:

Prata - Используется для основных заголовков

PF BeauSans Pro - Основной шрифт (если не подключается, используйте Roboto)

Book Antiqua (Italic) - Используется только курсив для цитат

FontAwesome - Используется шрифт иконок (есть пара исключений)

Используемые цвета:

#fe623e

#333333

#808080

#b2b2b2

#bbbbbb

#f0f0f0

#fafafa

Стили текста по умолчанию:

Основной текст - PF BeauSans Pro, 15px, Regular, #333 - "Пример текст"

Декоративная ссылка (основная) - Prata, 15px, Uppercase, #333 - "Пример ссылки"

Дополнительная ссылка - PF BeauSans Pro, 15px, Regular, #fe623e - "Пример ссылки"

Дополнительный заголовок - Prata, 15px, Uppercase, #333 - "Заголовок"

Дополнительный заголовок 2 - Prata, 15px, Uppercase, #333, border-bottom - "Заголовок"

Цитата - Book Antiqua, 18px, Italic, #333 - "Пример текста"

Заголовок 1

Заголовок 2

Заголовок 3

Заголовок 4

Заголовок 5
Заголовок 6
Прмер маленького текста

Начертания текста:

PF BeauSans Pro

Текст Light Текст Курсив Light Текст Regular Текст Курсив Текст Bold Текст Курсив Bold Зачеркнутый 10234 10234

Prata

Текст Regular Текст Зачеркнутый 10234 10234

Book Antiqua

Текст Курсив

Размеры заголовков (текста):

H1

40px (line-height: auto)

H2

30px (line-height: auto)

H3

24px (line-height: auto)

H4

18px (line-height: auto)

H5

15px (line-height: 22px)

H6

14px (line-height: 20px)

small

14px (line-height: 20px)

Списки:

  1. Текст списка
  2. Текст списка
  3. Текст списка
  • Текст списка
  • Текст списка
  • Текст списка
  • Текст списка
  • Текст списка
  • Текст списка

Таблицы:

Номер строки Название столбца Статус
123 Пример текста во втором столбце таблицы Активен
123 Пример текста во втором столбце таблицы Активен
Номер строки Название столбца Статус
123 Пример текста во втором столбце таблицы Активен
123 Пример текста во втором столбце таблицы Активен
Номер строки Название столбца Статус
123 Пример текста во втором столбце таблицы Активен
123 Пример текста во втором столбце таблицы Активен
Номер строки Название столбца Статус
123 Пример текста во втором столбце таблицы Активен
123 Пример текста во втором столбце таблицы Активен

Скрол появляется при ширине экрана менее 768px

Номер строки Название столбца Статус
123 Пример текста во втором столбце таблицы Активен
123 Пример текста во втором столбце таблицы Активен
Номер строки Название столбца Статус
123 Пример текста во втором столбце таблицы Активен
123 Пример текста во втором столбце таблицы Активен

Кнопки:

Типы кнопок:

Обычная кнопка - .btn .btn-default

Link

Темная кнопка - .btn .btn-dark

Link

Оранжевая кнопка - .btn .btn-orange

Link

Не активная кнопка - .btn (.btn-default | .btn-dark | .btn-orange) .disabled

Link

Не активная кнопка - .btn (.btn-default | .btn-dark | .btn-orange) [disabled="disabled"]

Link

Группа кнопок - div class="btn-group"

Link

Высота кнопок:

Обычная высота

Link

Малая выслта - .btn (.btn-default | .btn-dark | .btn-orange) .btn-sm

Ширина кнопок:

Авотматическая ширина

1
1

Фиксированныя - от .w10 до .w300 с шагом 10px

.w100
.w100

На всю ширину родителя - .btn-block

Флажки и переключатели:

Текстовые поля:

Всплывающие подсказки:

Пейджинация:

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

При создании генератора мы использовали небезизвестный универсальный код речей. Текст генерируется абзацами случайным образом от двух до десяти предложений в абзаце, что позволяет сделать текст более привлекательным и живым для визуально-слухового восприятия.

— Автор цитаты

Пример заголовка к статье блога в две строки

Сайт рыбатекст поможет дизайнеру, верстальщику, вебмастеру сгенерировать несколько абзацев более менее осмысленного текста рыбы на русском языке, а начинающему оратору отточить навык публичных выступлений в домашних условиях. При создании генератора мы использовали небезизвестный универсальный код речей. Текст генерируется абзацами случайным образом от двух до десяти предложений в абзаце, что позволяет сделать текст более привлекательным и живым для визуально-слухового восприятия.

Читать дальше

Комментарии (7) Показать