System and method for generating a design template based on graphical input

• US 9,342,498 B2
• Filed: 06/12/2014
• Issued: 05/17/2016
• Est. Priority Date: 06/12/2014
• Status: Active Grant

• Current Assignee: Oncord Patents Pty., Ltd.
• Original Assignee: Synergy Platform Pty Ltd.
• Inventors: McNaught, Scott David
• Primary Examiner(s): Baderman, Scott
• Assistant Examiner(s): Velez-Lopez, Mario M
• Application Number:
  US14/303,293
• Publication Number:
  US 20150363380A1
• Time in Patent Office: 705 Days
• US Class Current: 1/1
• CPC Class Codes: G06F 16/986 Document structures and storage, e.g. HTML extensions
• CPC Class Codes: G06F 40/143 Markup, e.g. Standard Generalized Markup Language [SGML] or Document Type Definition [DTD]
• CPC Class Codes: G06F 40/186 Templates

Abstract

The present invention relates to the field of graphic design. Specifically, embodiments of the present invention provide a system and method of generating a design template, such as a website template, that matches the color and style of graphical content, such as a logo provided to the system.

Claims

1. A computer-implemented method for designing a website, the method comprising the steps of:

receiving vector-based or rasterized vector-based graphical content;

identifying characteristic design elements of said graphical content, said characteristic design elements selected from the group comprising style elements, configuration, strokes, lines, and colors;

accessing a database to retrieve one or more predesigned markup language design templates wherein each of said selected markup language design templates comprise one or more of the following;

HTML, XHML, XML, Cascading Style Sheets (CSS), images, other multimedia, and a set of configuration options for customizing the template;

applying characteristic design elements of said graphical content to one or more of said one or more predesigned markup language design templates;

determining a plurality of tailored style elements for said one or more selected markup language design templates, wherein said tailored style elements are selected from the group comprising, a primary color, a secondary color and a color palette;

applying said plurality of tailored style elements to the one or more markup language design templates that are consistent with the characteristic design elements of said graphical content;

modifying the graphical content for insertion into the one or more selected markup language design templates by doing one or more of the following;

resampling, adjusting pixel density, or touching up said graphical content;

inserting said graphical content into the one or more selected markup language design templates; and

providing said one or more selected markup language design templates to a user.

2. The method of claim 1, wherein a user is able to browse said database of predesigned markup language design templates and select a user selected markup language design template that is different from the one or more selected markup language design templates.

3. The method of claim 2, wherein said user selected markup language design template is modified through application of said plurality of style elements prior to being provided to said user.

4. The method of claim 1, wherein the one or more selected markup language design templates are ranked according to how closely they match the characteristic design elements of said graphical content.

5. The method of claim 1, further comprising the step of generating a style, layout, and color scheme for e-mails associated with said selected markup language design template based on said characteristic design elements.

6. A computer-implemented system for generating a markup language design template, the system comprising:

a graphical content analysis module, comprising computer-executable code stored in non-volatile memory,

a design template generation module, comprising computer-executable code stored in non-volatile memory,

a processor, and

a communication means,

wherein said graphical content analysis module, said design template generation module, said processor and said communications means are operably connected and are configured to;

receive vector-based or rasterized vector-based graphical content;

identify characteristic design elements of said graphical content, said characteristic design elements selected from the group comprising style elements, configuration, strokes, lines, and colors;

access a database of predesigned markup language design templates to retrieve one or more predesigned markup language design templates wherein each of said selected markup language design templates comprise one or more of the following;

HTML, XHML, XML, Cascading Style Sheets (CSS), images, other multimedia, and a set of configuration options for customizing the template;

apply characteristic design elements of said graphical content to one or more of said one or more predesigned markup language design templates;

determine a plurality of tailored style elements for said one or more selected markup language design templates, wherein said tailored style elements are selected from the group comprising, a primary color, a secondary color and a color palette;

apply said plurality of tailored style elements to the one or more markup language design templates that are consistent with the characteristic design elements of said graphical content;

modify the graphical content for insertion into the one or more selected markup language design templates by doing one or more of the following;

resampling, adjusting pixel density, or touching up said graphical content;

insert said graphical content into the one or more selected markup language design templates; and

provide said one or more selected markup language design templates to a user.

7. The system of claim 6, wherein a user is able to browse said database of predesigned markup language design templates and select a user selected design template that is different from the one or more selected markup language design templates.

8. The system of claim 7, wherein said user selected markup language design template is modified through application of said plurality of style elements prior to being provided to said user.

9. The system of claim 6, wherein the one or more selected markup language design templates are ranked according to how closely they match the characteristic design elements of said graphical content.

10. The system of claim 6, further comprising the step of generating a style, layout, and color scheme for e-mails associated with said selected markup language design template based on said characteristic design elements.