Weighted panels and panel group for responsive design system

A non-transitory computer storage medium encoded with computer program instructions that when executed by one or more computers cause the one or more computers to perform operations comprising:

• receiving a page for a user device, the page including panels, each panel having a an equivalent predetermined size;
• receiving a layout for the page, the layout defining a predefined hierarchy of panel groups that defines a visual relationship between the panel groups;
• selecting panels to include in a slide based on characteristics of the user device and the panel groups;
• determining a scaled size for each panel in the selected panels based on a relative weighting of the panel groups;
• resizing at least one panel in the set of panels based on the scaled size;
• and
• generating, by a computer system, the slide using the set of panels including at least one resized panel;
• and
• sending the slide to the user device.

A system comprising:

• one or more computers and one or more storage devices storing instructions that are operable, when executed by the one or more computers, to cause the one or more computers to perform operations comprising:
• receiving a page for a user device, the page including panels, each panel having a an equivalent predetermined size;
• receiving a layout for the page, the layout defining a predefined hierarchy of panel groups that defines a visual relationship between the panel groups;
• selecting panels to include in a slide based on characteristics of the user device and the panel groups;
• determining a scaled size for each panel in the selected panels based on a relative weighting of the panel groups;
• resizing at least one panel in the set of panels based on the scaled size;
• and
• generating, by a computer system, the slide using the set of panels including at least one resized panel;
• and
• sending the slide to the user device.