CONCEPRO | Create Custom Graphic Book Cover

          Template Data: Existing JSON File URL for Form autofilling (See JSON Templates)
          
            Cover Width (in pixels)
            
             Cover Height (in pixels)
             
             Cover Margin (in pixels)
             
            Text Size (in pixels)
          
                 Text Alignment
            
            Line Height
          
            Letter Spacing (in pixels)
          
       Background Opacity = 0.0 — 1.0

                Select The Font
            
                 Font Color
            
                Font Weight
            
       L: Logo URL

       L: Logo Image Width (in pixels)

       Your Background Color Code as RGB without brackets; e.g. 255, 255, 0  (If unsure, keep the default value).

 Gradient Background To Use (If unsure, keep the default value).

    <div style='mix-blend-mode: multiply ; color: yellow ; background: linear-gradient(-45deg, hsla(270,50%,50%,0.8) , hsla(170,50%,50%,0.8) ) ; box-shadow: -20px 20px 100px #000 ; font-size: 55px ; width: 100%; height: 100%;'><div class='perfectMiddleText'>WHAT IS YOUR THAT ONE THING?</div></div>
T: Main Heading Title

    <div style=' background-color: rgba(0,0,0,0.3) ; width:100%; height:100%;'><div class='perfectMiddleText'>This is the best book you will read this year.</div></div>
S: SubTitle

    <div style='background-color: rgba(0,0,0,0.0) ; width: 100%; height: 100%;'><div class='perfectMiddleText'>{ ABHISHEK PALIWAL }</div></div>
W: Writer/Author Name or Foreword such as NYTimes Bestseller ;-)

           X: Divider Text // Padding Section
             
           Y: Button Full Text
            
           I: Code for FontAwesome Cheatsheet // Google Icons 
            
            <div style='background: linear-gradient( -45deg, hsla(70,100%,50%,1), hsla(250,100%,50%,1) ) ; width: 100% ; height: 100% ;'></div>
        J: Insert Text
        
        K: Insert Text
        
            <div style='mix-blend-mode: multiply ; color: white ; background: black ; box-shadow: -20px 20px 100px #000 ; font-size: 85px ; width: 100%; height: 100%;'><div class='perfectMiddleText'>THIS IS ANOTHER TEST HEADLINE TO BE CHANGED.</div></div>
        M: Insert Text
        
            <div style='font-family: serif; color:black ; border: 1px solid black ; font-size: 15px ; letter-spacing: 20px ; width:100%; height:100%;'><div class='perfectMiddleText'>DESIGNED BY</div></div>
        N: Insert Text
        
           A: 1st Image URL (This will be used as the Main Background Image)
            
            B: 2nd Image URL (Unsplash Images Listing)
            
       C: 3rd Image URL 

       D: 4th Image URL

       E: 5th Image URL

       F: 6th Image URL
                
       G: 7th Image URL
                
       H: 8th Image URL (List of Polygonal Backgrounds URLs)
                
    20,X100
50,X20,T60,X20
5,X20,W60,X20
3,X100
5,X20,N60,X20
2,X100
15,L100
1,X100

  Arrangement Of Elements On The Book Cover, as: ( ThisRowHeight%, ElementColumnWidth%, AnotherElementColumnWidth%, so on... ) without the '%' signs, and no whitespaces at all.

     Wanna save JSON File?

     Save JSON File : enter BRAND NAME

Save JSON File : enter KEYWORD (SPACES will be converted to HYPHENS)

Press the button above, and your Book Cover should appear below.

Downloaded data from exising JSON file

Downloaded contents below

JSON Output for all variables. Copy the following text, and save it as a *.json file.

Collecting all variables and their values as JSON format.
For PRETTY formatting afterwards: JSONlint.com
JSON to TABLE here: JSON2table.com

- SUGGESTED IMAGE FILE NAME BELOW -

1. Book Cover Layout Grid Planning

2. Main Book Cover with Background Color

3. Book Cover with Background Image

4. Book Cover with Background Gradient

Design Your Custom Graphic Book Cover

Design your own by entering the required details below. Press the button. Done.

DESIGN TIP: To change the color, press the button again, and again, and again...till you are happy.

Press the button above, and your Book Cover should appear below.

Downloaded data from exising JSON file

JSON Output for all variables. Copy the following text, and save it as a *.json file.

- SUGGESTED IMAGE FILE NAME BELOW -

Following are some examples of custom Graphic Book Covers, and their 'Arrangement Codes' below:

brushDesign Your Custom Graphic Book Cover

Design your own by entering the required details below. Press the button. Done.

DESIGN TIP: To change the color, press the button again, and again, and again...till you are happy.

Press the button above, and your Book Cover should appear below.

Downloaded data from exising JSON file

JSON Output for all variables. Copy the following text, and save it as a *.json file.

- SUGGESTED IMAGE FILE NAME BELOW -

Following are some examples of custom Graphic Book Covers, and their 'Arrangement Codes' below:

Design Your Custom Graphic Book Cover