Пекарня: четыре изделия без выдуманной начинки
Серия сохраняет различия между пустой булочкой, сырной, ягодной и маковой начинкой.
Задача
По изображению нельзя надежно определить, что находится внутри выпечки. Я начал с четырех явно составленных спецификаций и верстал названия только по ним.
Форма помогает найти свою выпечку
Порции весят 90, 110, 110 и 130 г. Я не приводил их к одному размеру на карточках только ради ровного ряда: разные изделия получили отдельные силуэты и горизонтальную композицию. Масса стоит рядом с названием, поэтому сходная цифра у двух позиций не превращает их в визуально одинаковый товар.
Что сделано
Я подготовил четыре карточки выпечки с индивидуальными силуэтами, составом и массой порции.
Собраны четыре карточки на 90, 110, 110 и 130 г. Сырная и ягодная позиции одинаковы по массе, но хорошо различаются по названию и составу. Общая сетка выдерживает и короткое название булочки, и длинное название рулета.
- index.html
- source.json
- source.csv
- result.json
- result.csv
- engine.js
- checks.json
- style.css
- menu.svg
- specifications.json
Открыть работающий материал · Контрольные примеры CSV · Повторить проверку · Модель и исходные условия