Каркасы интерфейсов (Salt)

Salt — язык набросков экранов (wireframes): поля, кнопки, списки и таблицы. Описание — между @startsalt и @endsalt, всё содержимое — внутри фигурных скобок.

Элементы формы

@startsalt
{
  Вход в личный кабинет
  Email      | "ivan@example.ru   "
  Пароль     | "****              "
  [X] Запомнить меня
  ()  Войти по коду из СМС
  (X) Войти по паролю
  ^Язык: Русский^
  [  Войти  ] | [Отмена]
}
@endsalt

Запись	Элемент
"текст"	поле ввода
[Кнопка]	кнопка
[X] текст, [ ] текст	флажок
(X) текст, () текст	переключатель
^Выпадающий список^	выпадающий список
|	разделитель колонок

Таблицы и рамки

Скобка определяет вид сетки: {# — все линии, {! — вертикальные, {- — горизонтальные, {+ — внешняя рамка.

@startsalt
{#
  . | Товар        | Кол-во | Сумма
  1 | Кофе в зёрнах | 2     | 1380
  2 | Фильтры      | 1      | 210
  . | **Итого**    | .      | **1590**
}
@endsalt

Вкладки, дерево и меню

@startsalt
{
  {* Файл | Правка | Вид | Справка }
  {/ <b>Заказы | Клиенты | Отчёты }
  {T
    + Каталог
    ++ Напитки
    +++ Кофе
    +++ Чай
    ++ Аксессуары
  }
}
@endsalt

• {* … } — меню;
• {/ … } — вкладки (жирная — активная);
• {T … } — дерево, уровень задаётся плюсами.