Refreshed document blueprints images and steps for v15 and v16

Author: eshanrnh

15/umbraco-cms/fundamentals/backoffice/README.md

@@ -144,4 +144,4 @@ A user is someone who has access to the **Umbraco backoffice** and is not to be
 
 Document Blueprint provide a blueprint for content nodes based on an existing node.
 
-![Document Blueprint](images/document-blueprint-v14.png)
+![Document Blueprint](images/document-blueprint-v16.png)

15/umbraco-cms/fundamentals/backoffice/document-blueprints.md

@@ -1,90 +1,95 @@
 ---
 description: >-
-  In this article you can learn about how to create and use Document Blueprints
-  in Umbraco.
+  Learn how to create and use Document Blueprints in Umbraco.
 ---
 
 # Document Blueprints
 
 {% hint style="info" %}
-Document Blueprints was previously called Content Templates.
+Document Blueprints were previously called Content Templates.
 {% endhint %}
 
 ## Document Blueprints Overview
 
-Document Blueprints allows a content editor to create a blueprint for new content nodes based on an existing node.
+A Document Blueprint allows editors to preconfigure a content node. It serves as a reusable starting point when creating new content.
 
-### Create - Method 1
+### Create a Document Blueprint (Method 1 – From Content)
 
 {% hint style="warning" %}
-Before following this method you should have some [content](../data/defining-content/#3.-creating-the-content) created beforehand.
+Before using this method, make sure you have already [created some content](../data/defining-content/README.md#3-creating-the-content).
 {% endhint %}
 
-Select a **Content node** from the **Content** menu:
+1. Go to the **Content** section and select an existing content node.
 
-![Content-Menu](images/content-menu.png)
+![Content-Menu](images/content-menu-DB.png)
 
-Click **...** next to the Content node and select the **Create Document Blueprint** option.
+2. Click the **...** menu next to the node and choose **Create Document Blueprint**.
 
-![Action Button](images/action-menu.png)
+![Action Button](images/action-menu-DB.png)
 
-Give your document blueprint a **Name**:
+3. Enter a **Name** for the new blueprint.
 
-![Document Blueprint Name Field](images/Name-Content-Template.png)
+![Document Blueprint Name Field](images/Name-Content-Template-DB.png)
 
-Click the **Save** button and if the creation was successful, you will see a success notification:
+4. Click **Save**.
 
-![Create Button](images/Save-Content-Template.png)
+The new blueprint will appear under the **Document Blueprints** folder in the **Settings** section.
 
-The new document blueprint will be created in **Document Blueprints** node of the **Settings** tree:
-
-![New Document Blueprint](images/Find-Content-Template.png)
+![New Document Blueprint](images/Find-Content-Template-DB.png)
 
 {% hint style="info" %}
-Refresh your browser, if you do not see the new document blueprint in the **Document Blueprints** folder.
+If you don’t see the new blueprint, try refreshing your browser.
 {% endhint %}
 
-### Create - Method 2
-
-Go to the **Settings** section:
+### Create a Document Blueprint (Method 2 – From Settings)
 
-![Settings Menu](images/Settings-Menu.png)
+1. Go to the **Settings** section.
 
-Click **...** next to the **Document Blueprints** tree and select the **Create Document Blueprint** menu item:
+2. Click the **...** menu next to the **Document Blueprints** tree and select **Create Document Blueprint**.
 
-![Create Document Blueprint](images/Create-Content-Template.png)
+![Create Document Blueprint](images/Create-Content-Template-DB.png)
 
-Select the Document Type you want to create a document blueprint for:
+3. Choose the Document Type you want to base the blueprint on.
 
-![Select Content Type](images/Content-Type.png)
+![Select Content Type](images/Content-Type-DB.png)
 
 {% hint style="warning" %}
-You can create document blueprints only from **Document Types** or **Document Types with Templates**
+You can only create Document Blueprints from **Document Types** or **Document Types with Templates**.
 {% endhint %}
 
-Give your document blueprint a **Name** and click the **Save** button:
+4. Enter a **Name** for the blueprint and click **Save**.
+
+The new blueprint will be created under the **Document Blueprints** folder in the **Settings** tree.
+
+### Edit a Document Blueprint
+
+To edit an existing document blueprint, follow these steps:
+
+1. Go to the **Settings** section.
+2. Open the **Document Blueprints** folder and select the blueprint you want to edit.
+3. Make your changes and click **Save**.
 
-![Document Blueprint Name Field](images/Save-Template.png)
+![Edit Document Blueprint](images/Edit-Content-Template-DB.png)
 
-The new document blueprint will be created in **Document Blueprints** folder of the **Settings** tree:
+### Use a Document Blueprint
 
-![New Document Blueprint](images/Find-Template.png)
+Once you have created a document blueprint, you can use it to create new content nodes.
 
-### Edit
+To use a document blueprint, follow these steps:
 
-To edit an existing document blueprint, select a document blueprint from the **Document Blueprints** folder of the **Settings** tree. When you have finished editing click the **Save** button:
+1. Go to the **Content** section.
+2. Click the **...** menu next to the root node and select **Create**.
 
-![Edit Document Blueprint](images/Edit-Content-Template.png)
+![Create From Template](images/Create-From-Template-DB.png)
 
-### Use
+2. Select the **Document Type** that has an associated blueprint.
 
-Once you have created a document blueprint, you can use the template to create new content nodes. To use a document blueprint, Click **...** next to the **Content** tree and select **Create**:
+![Select the Document Type](images/select-doc-type-DB.png)
 
-![Create From Template](images/Create-From-Template.png)
+3. Choose how to create the new content:
 
-When you click on a Document Type that has a document blueprint, you will see two options:
+  * Use the Document Blueprint
 
-* Create a new node based on a document blueprint
-* Create a blank one
+  * Start with a blank node
 
-![Select Template](images/Select-Template.png)
+![Select Template](images/Select-Template-DB.png)