Обеденная серия: четыре карточки с точным составом
Четыре типографические карточки связывают название, состав, массу и упаковку одним ID.
Задача
У обеденного набора легко потерять гарнир или посчитать соус частью блюда в одном файле и отдельной позицией в другом. Я задал состав по компонентам до верстки.
Разные обеды требуют разных контейнеров
Курица с рисом и рыба с картофелем показаны в двух секциях, нут и гречка — в одной. Эта деталь влияет на чтение состава: перегородка не должна обещать разделение там, где блюдо собрано вместе. Сетка 2 × 2 позволяет сравнить четыре порции без выравнивания их массы до одной красивой цифры.
Что сделано
Я составил четыре рецептурные карточки и нарисовал обеды с соответствующими им контейнерами и граммовками.
Готовы четыре карточки на 360, 350, 320 и 310 г. На одном листе удобно сравнить состав и тип упаковки, а в раскладке — проверить массу соуса и гарнира. Изменение граммовки обнаруживается до экспорта позиции.
- index.html
- source.json
- source.csv
- result.json
- result.csv
- engine.js
- checks.json
- style.css
- menu.svg
- specifications.json
Открыть работающий материал · Контрольные примеры CSV · Повторить проверку · Модель и исходные условия