US 12,106,035 B2
Systems and methods for generating digital layouts with feature-based formatting
Kevin Clark, Montreal (CA); and Natalie Hercun, Montreal (CA)
Assigned to SHOPIFY INC., Ottawa (CA)
Filed by SHOPIFY INC., Ottawa (CA)
Filed on Dec. 20, 2021, as Appl. No. 17/555,960.
Application 17/555,960 is a continuation of application No. 16/819,702, filed on Mar. 16, 2020, granted, now 11,250,200.
Prior Publication US 2022/0114324 A1, Apr. 14, 2022
Int. Cl. G06F 3/048 (2013.01); G06F 9/451 (2018.01); G06F 16/957 (2019.01); G06F 40/103 (2020.01); G06F 40/186 (2020.01)
CPC G06F 40/103 (2020.01) [G06F 9/451 (2018.02); G06F 16/9577 (2019.01); G06F 40/186 (2020.01)] 20 Claims
OG exemplary drawing
 
1. A computer-implemented method comprising:
storing, in memory, a plurality of features corresponding to a plurality of sections for a digital layout to be displayed on a user interface, wherein the plurality of sections has a user-defined arrangement in the digital layout and wherein the plurality of features comprises content and appearances of the plurality of sections;
detecting, using at least one processor, an association between a first section of the digital layout and a second section of the digital layout in the plurality of sections, wherein the association is based on a relationship between a first feature of the first section and a second feature of the second section, wherein the first feature includes a first background color of the first section and first content comprising a keyword, and wherein the second feature includes a second background color of the second section and second content comprising a Uniform Resource Locator (URL) referencing a webpage separate from the digital layout, wherein the association is at least based on the relationship between the first background color of the first section and the second background color of the second section, and wherein the association between the first section of the digital layout and the second section of the digital layout is further based on determining that the keyword in the first content of the first section of the digital layout is also present in the URL of the second section of the digital layout or in the webpage referenced in the second section of the digital layout;
detecting, using the at least one processor, no association between a third section of the digital layout and a fourth section of the digital layout in the plurality of sections, wherein the third section is adjacent to the fourth section;
determining, using the at least one processor, a format that is specific to the plurality of sections, wherein the determining is based on the user-defined arrangement and the association; and
generating, using the at least one processor, the digital layout using the format, wherein generating the digital layout using the format comprises both: (i) reducing a pixel spacing between the first section and the second section of the digital layout to have fewer pixels between the first section and the second section of the digital layout when the digital layout is displayed on a device screen responsive to the association between the first section and the second section and (ii) increasing the pixel spacing between the third section and the fourth section of the digital layout compared to a defined spacing to have more pixels between the third section and the fourth section of the digital layout when the digital layout is displayed on the device screen.