User interface Kit сайта компьюти

User interface Kit - это набор элементов пользовательского интерфейса. Набор элементов в одном стиле. Мы работаем над своим стилем и стилями наших клиентов.

Типографика

Заголовок H1

Заголовок H2

Заголовок H3

Заголовок H4

Заголовок H5

Заголовок H6

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

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

Текст lead. Текст в разделах. Он крупнее, используется в целевых страницах(LP) и разделах сайта как важное.

Жирный текст

Текст курсивом

Зачеркнутый

текст Аббревиатура

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

Ненумерованный список
Ненумерованный список
Ненумерованный список

Ненумерованный список второго уровня
Ненумерованный список второго уровня

Ненумерованный список

Нумерованный список
Нумерованный список
Нумерованный список

Нумерованный список второго уровня
Нумерованный список второго уровня

Нумерованный список

Написание кода:

<code>...</code>

Цвета

#68A4C4;

#4287AB;

#FF5E4E;

#E64F40;

#f9f9f9;

#999999;

#656565;

#333333;

#11a011;

#008000;

Контролы и поля ввода

Кнопки

Простая кнопка Неактивная кнопка

Поля ввода

Формы и элементы

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

Пример карточки услуги

Заголовок услуги

Пример описания карточки услуги.

Подробнее

Пример карточки отзыва

“ Александр профессионально подошел к выполнению работы. Причем, что важно, делал даже те вещи, которые я изначально даже и не знал, что нужно делать. Делал просто потому, что их нужно сделать, чтобы работа была качественной. Я обязательно буду обращаться еще не раз к Александру и рекомендовать его партнерам!
Денис Воронцов m-agro.by

Пример карточки портфолио

ХУДОЖЕСТВЕННАЯ МАСТЕРСКАЯ Якова Горшков, Якова Горшкова, & Александра Картамышева teakguns.ru Перейти на сайт

ХУДОЖЕСТВЕННАЯ МАСТЕРСКАЯ Карточка без цены и технологий Перейти на сайт

Виджеты

календарь, подписчики, погода, курс валют

Элементы для блога

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

Элементы для магазина

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