+7(982) 597-7179

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

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


Типографика

Заголовок H1

Заголовок H2

Заголовок H3

Заголовок H4

Заголовок H5
Заголовок H6

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

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

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

Жирный текст

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

Зачеркнутый

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

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

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

<code>...</code>

Цвета

#68A4C4;
#4287AB;

#FF5E4E;
#E64F40;

#f9f9f9;
#999999;
#656565;
#333333;

#11a011;
#008000;

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

Кнопки

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

Поля ввода

Чек-боксы

Радиокнопки

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

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

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

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

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

Подробнее

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

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

Денис Воронцов m-agro.by

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

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

Виджеты

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

Навигация

  1. Так выглядит выпадающее описание. Например вопрос\ответ
  2. Так выглядит выпадающее описание. Например вопрос\ответ
Табы Горизонтальную, вертикальную, таймлайны,

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

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

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

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

Иконки