Creating html layouts based on client input and processing

A system, comprising a server hardware computing device coupled to a network and comprising at least one processor executing computer-executable instructions within a memory, which, when executed, cause the system to:

• receive, from a client hardware computing device coupled to the network, a template or a layout for a web page, an email campaign, or a desktop publishing document, wherein the client hardware computing device executes computer-executable instructions causing the system to:
• capture a digital image including a hand-drawn representation of the template or the layout and comprising at least one received shape or symbol at a position within the hand-drawn representation;
• select, from a plurality of data on the client hardware computing device:
• a defined shape or symbol, within a dictionary defining a plurality of shapes or symbols, matching the at least one received shape or symbol;
• and
• a content component, for incorporation into the layout or the template, associated, within the plurality of data, with the defined shape or symbol;
• generate the layout or the template including the content component;
• insert, into the layout or the template, a graphical user interface (GUI) including at least one GUI control configured to receive, from an operator of the client hardware computing device, at least one edit to the layout or the template;
• receive, via the GUI, a user input data from the operator;
• and
• transmit the layout or the template to the server hardware computing device;
• and
• store the layout or the template on the server hardware computing device or within a database coupled to the network.