Text Options for the Visually Impaired Font Size: a- A+ Color: A A A Revert 
Close vision bar
Open vision bar

ePublishing Product

The Business Cycle

By Sammy B. 

Link to the document:

The Business Cycle



To create my ePublishing product, I used a program called Inkscape. It’s an open source program that is similar to Adobe Illustrator.

To begin with, I set the page size to A4, the background to white, and added a light blue* border with a 2mm thickness. First, I used to Bezier curve tool to create the graph that represented the business cycle and set the color to a deep blue** and the thickness to 4mm. Then I created four circles with a white fill (inside color) and light blue* stroke (border) of 0.5mm and positioned them to mark each phase of the business cycle. Next, I distributed four rectangles near the circles with a fill and stroke to match them. Lastly, I created lines to connect the circles to the rectangles.

               When I had finished with the outline, I added the title. I found that (although generic) a bolded Calibri font gave me the look I was going for. I wrote “The Business” in all caps, set the font size to 48pt, and set the T and B a little larger to 56pt. I found that a “C” in Calibri was not circular enough for what I wanted so I created my own by creating a 280ºsegment of a circle, and cut a circle out the middle. Then I added a triangle to the end of the “C” with 0.04 roundness. Then I added “YCLE” in bold Calibri with 66pt font. Finally, I set the color of all of it to deep blue. **

               Next, I created icons to help visualize the meaning of each phase. First I created a simple rectangle and triangle, both with a little bit of rounding. Then, I squished them together using the scale tool. I duplicated the arrow I formed, rotated one to point upwards, and the other to point downwards. I positioned them to the corners of their corresponding rectangles. To create the dollar sign icons I simply typed them in bolded Calibri, set the font size to 56pt, and positioned them in their corresponding locations. To each icon I set the color to deep blue**. Lastly, to give them a slight shadow I duplicated them, lowered them below the icon, changed the color to a translucent black***, and blurred them by 4%.

               Afterwards I added some detail to make the design pop a little. I used the circular gradient tool add four gradients to the graph at the positions of the circles. I added a dashed line to show the slightly upward slope of the business cycle and set the thickness to 1mm and a deep blue** color. Then I set the fill of the rectangles that overlapped the dashed line to 200 Alpha value to show the line passing underneath.

               Last but definitely not least, I added text. I used bold Calibri in 22pt for the titles of each phase (26pt for the first letter). For the body text I used Open Sans light at 14pt. I changed the keyword in each box to normal thickness, which looks bolded relative to the light font. Next, I added “AVERAGE GROWTH” to label the dashed line. I used light Calibri 12pt font and used the skew tool to make it follow the dashed line.


*The light blue color I used has a hex value of #80b3ffff

**The deep blue color I used has a hex value of #5c5cffff

***By a translucent black, instead of just grey, it makes the shadow more realistic. The exact hex value is #000000b4



            The business cycle presentation I created was part of my Business Principle and Applications class. One of the learning targets for the class was “I understand the vocabulary associated with business cycle.We were assigned the task of creating something to visually represent the vocabulary in the economic business cycle. Mine project was shared with the class. Thanks in part to my presentation the class received an 81% average for that learning target.

Link to the document:

The Business Cycle