# Styling and style

<div>Images and ChatGPT prompt.</div>

# Environment for screenshots

<div id="bkmrk-https%3A%2F%2Fwww.bzctrl.c">[https://www.bzctrl.com/ipear/#/login](https://www.bzctrl.com/ipear/#/login "https://www.bzctrl.com/ipear/#/login")</div><div id="bkmrk-">  
</div><div id="bkmrk-james%40bzctrl.com" style="margin-left: 20px;">james@bzctrl.com</div><div id="bkmrk-ex1715b%40" style="margin-left: 20px;">Ex1715B@  
  
</div>

# Using ChatGPT for writing the text

<div id="bkmrk-purpose-of-using-cha">Purpose of using ChatGPT is to ensure consistency in the writings style.</div><div id="bkmrk-">  
</div><div id="bkmrk-prompt%3A">Prompt:</div><div id="bkmrk-%22i-am-writing-a-user">"I am writing a User guidance / manual for my application called BzCtrl. (pronounced as Bizz control). This is the website describing the application and its functionalities. The tool is aimed at controlling your business processes and by doing so ensuring compliance. I will continue to give you paragraphs to rewrite and formulate in an appropriate manner so that I can write the manual. Make it snappy, engaging and personal."</div><div id="bkmrk--1">  
</div><div id="bkmrk-examples">**Examples**</div><div id="bkmrk--2" style="cursor: auto;">![editor_17_5_a8398171-3a55-4cd6-aabf-62bba0092569_rte_image_50.png](https://www.bzctrl.com/bzctrl-core-api/api/v1/download/editor_17_5_a8398171-3a55-4cd6-aabf-62bba0092569_rte_image_50.png)</div><div id="bkmrk--3" style="cursor: auto;">![editor_17_5_4788b17c-408a-4e65-911e-6c0aeda3533a_rte_image_59.png](https://www.bzctrl.com/bzctrl-core-api/api/v1/download/editor_17_5_4788b17c-408a-4e65-911e-6c0aeda3533a_rte_image_59.png)</div><div id="bkmrk--4" style="cursor: auto;">![editor_17_5_30ea2ae3-43a8-4de6-970f-1edae3768562_rte_image_74.png](https://www.bzctrl.com/bzctrl-core-api/api/v1/download/editor_17_5_30ea2ae3-43a8-4de6-970f-1edae3768562_rte_image_74.png)</div><div id="bkmrk--5" style="cursor: auto;">![editor_17_5_c6c1a348-b345-48ee-a3fd-3338ad808bbd_rte_image_89.png](https://www.bzctrl.com/bzctrl-core-api/api/v1/download/editor_17_5_c6c1a348-b345-48ee-a3fd-3338ad808bbd_rte_image_89.png)   
  
  
</div>

# Images mask using shape

<div id="bkmrk-in-the-style-of-the-">[Customs controls.docx](https://www.bzctrl.com/bzctrl-core-api/api/v1/bookstack/attachments/7) In the style of the app we apply a Mask to images we use. A rounded rectangle. Attached a PowerPoint with examples.</div><div id="bkmrk-">  
</div><div id="bkmrk-example-screenshots-">[Example screenshots with Mask.pptx](https://www.bzctrl.com/bzctrl-core-api/api/v1/bookstack/attachments/6)</div><div id="bkmrk--1">  
  
</div><div id="bkmrk--2">  
</div>