(А к чему такой вопрос? Нужна просто начальная практика и посмотреть, как другие делали? Или наоборот, надо будет верстать очень много?)
1) Берёте страницу под эту систему, написанную грамотным специалистом (т.е. в коде присутствует сброс стилей, механизм клирфиксов, и выброшено всё, что в этом урезанном браузере и так не работает);
2) Выбрасываете всё лишнее из образца страницы;
3) Пользуетесь как фреймворком.
Вопрос созрел по-причине подготовки нескольких моделей серийных устройств, с разным функционалом.
Системы разрабатывались с нуля (МК это только одна из составляющих системы, непосредственно для реализации TCP/IP стека и веб интерфейса).
Урезанного браузера там не будет, браузер — стандартный на машинах клиентов.
Сейчас веб-интерфейс в процессе написания, а вопрос был задан по той причине, что возможно уже есть реализация фреймворка с красивыми элементами, контролами и тп, по-типу BootStrap, только для микроприложений.
В Boostrap можно кастомизировать, убрав не нужные стили и js. С основными компонентами (Print media styles, Typography, Code, Grid system, Tables, Forms, Buttons) он весит всего 35 кб .
