From ca62534f1fa04a9576c0f01f94f3eedf90a91af9 Mon Sep 17 00:00:00 2001 From: ritiksaxena124 Date: Fri, 3 May 2024 18:57:25 +0530 Subject: [PATCH 1/3] add docs for white-labeling-logo Signed-off-by: ritiksaxena124 --- content/en/cloud/miscellaneous/_index.md | 6 ++++ .../cloud/miscellaneous/white-label-logo.md | 29 +++++++++++++++++++ 2 files changed, 35 insertions(+) create mode 100644 content/en/cloud/miscellaneous/_index.md create mode 100644 content/en/cloud/miscellaneous/white-label-logo.md diff --git a/content/en/cloud/miscellaneous/_index.md b/content/en/cloud/miscellaneous/_index.md new file mode 100644 index 00000000..54dfdd76 --- /dev/null +++ b/content/en/cloud/miscellaneous/_index.md @@ -0,0 +1,6 @@ +--- +title: Miscellaneous +description: Explore a collection of diverse resources, tips, and tools to enhance your understanding. +weight: 20 +--- + diff --git a/content/en/cloud/miscellaneous/white-label-logo.md b/content/en/cloud/miscellaneous/white-label-logo.md new file mode 100644 index 00000000..0327e54d --- /dev/null +++ b/content/en/cloud/miscellaneous/white-label-logo.md @@ -0,0 +1,29 @@ +--- +title: How to white label logo? +description: This guide will walk you through the process of white-labeling a logo using our custom letters in Figma. +weight: 1 +--- + +## Introduction +White-labeling a logo involves customizing it to remove branding elements and make it more generic or suitable for rebranding purposes. In Figma, this process can be achieved using custom letters and design tools. This document outlines step-by-step instructions on how to white-label a logo using custom letters in Figma. + +## Steps + +1. **Access the Logo Design:** Open Figma and navigate to the file containing the logo design that you want to white-label. + +1. **Select the Text Element:** Identify the text element within the logo design that contains the brand name or specific branding elements. + +1. **Replace Text with Custom Letters:** Use the Text Tool (shortcut: T) to select the text element. Delete the existing text and replace it with custom letters from the [Figma](https://www.figma.com/file/5ZwEkSJwUPitURD59YHMEN/Layer5-Designs?type=design&node-id=25126%3A7220&mode=design&t=n1b199pVzQKGxw1l-1) design file. + +1. **Adjust Letter Spacing and Size:** Fine-tune the letter spacing and size to ensure consistency and readability. + +1. **Modify Colors:** Customize the colors of the letters to match the desired branding scheme. Use the Fill and Stroke properties to change the color of the letters accordingly. + +1. **Remove Brand-specific Elements:** Identify and remove any brand-specific elements such as logos, icons, or graphics that may be embedded within the logo design. + +1. **Review and Refine:** Review the white-labeled logo design to ensure that all branding elements have been appropriately replaced or removed. Make any necessary refinements to achieve the desired result. + +1. **Export the Logo:** Once satisfied with the white-labeled logo design, export it as a PNG, SVG, or other desired file format for use in branding materials, websites, or marketing collateral. + +## Conclusion +White-labeling a logo using custom letters in Figma offers flexibility and customization options for rebranding or generic branding purposes. By following the outlined steps, you can effectively modify a logo design to remove branding elements and create a white-labeled version of the logo. \ No newline at end of file From 416f27ac962143354abc580b255e4c75f52a9b2b Mon Sep 17 00:00:00 2001 From: Archit Sharma Date: Mon, 13 May 2024 12:27:06 +0530 Subject: [PATCH 2/3] updates Signed-off-by: Archit Sharma --- content/en/cloud/miscellaneous/white-label-logo.md | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/content/en/cloud/miscellaneous/white-label-logo.md b/content/en/cloud/miscellaneous/white-label-logo.md index 0327e54d..b835e845 100644 --- a/content/en/cloud/miscellaneous/white-label-logo.md +++ b/content/en/cloud/miscellaneous/white-label-logo.md @@ -1,9 +1,11 @@ --- -title: How to white label logo? +title: How to customize Layer5 Cloud with your own logo description: This guide will walk you through the process of white-labeling a logo using our custom letters in Figma. weight: 1 --- + + ## Introduction White-labeling a logo involves customizing it to remove branding elements and make it more generic or suitable for rebranding purposes. In Figma, this process can be achieved using custom letters and design tools. This document outlines step-by-step instructions on how to white-label a logo using custom letters in Figma. @@ -13,7 +15,7 @@ White-labeling a logo involves customizing it to remove branding elements and ma 1. **Select the Text Element:** Identify the text element within the logo design that contains the brand name or specific branding elements. -1. **Replace Text with Custom Letters:** Use the Text Tool (shortcut: T) to select the text element. Delete the existing text and replace it with custom letters from the [Figma](https://www.figma.com/file/5ZwEkSJwUPitURD59YHMEN/Layer5-Designs?type=design&node-id=25126%3A7220&mode=design&t=n1b199pVzQKGxw1l-1) design file. +1. **Replace Text with Custom Letters:** Use the Text Tool (shortcut: ) to select the text element. Delete the existing text and replace it with custom letters from the [Figma](https://www.figma.com/file/5ZwEkSJwUPitURD59YHMEN/Layer5-Designs?type=design&node-id=25126%3A7220&mode=design&t=n1b199pVzQKGxw1l-1) design file. 1. **Adjust Letter Spacing and Size:** Fine-tune the letter spacing and size to ensure consistency and readability. From 6e7b3290f37e7ca59c74fcc9f461f42a0c8adb4a Mon Sep 17 00:00:00 2001 From: Archit Sharma Date: Tue, 14 May 2024 19:20:33 +0530 Subject: [PATCH 3/3] shifted to Self hosted section Signed-off-by: Archit Sharma --- content/en/cloud/miscellaneous/_index.md | 6 -- .../white-label-logo.md | 60 +++++++++---------- 2 files changed, 30 insertions(+), 36 deletions(-) delete mode 100644 content/en/cloud/miscellaneous/_index.md rename content/en/cloud/{miscellaneous => self-hosted}/white-label-logo.md (98%) diff --git a/content/en/cloud/miscellaneous/_index.md b/content/en/cloud/miscellaneous/_index.md deleted file mode 100644 index 54dfdd76..00000000 --- a/content/en/cloud/miscellaneous/_index.md +++ /dev/null @@ -1,6 +0,0 @@ ---- -title: Miscellaneous -description: Explore a collection of diverse resources, tips, and tools to enhance your understanding. -weight: 20 ---- - diff --git a/content/en/cloud/miscellaneous/white-label-logo.md b/content/en/cloud/self-hosted/white-label-logo.md similarity index 98% rename from content/en/cloud/miscellaneous/white-label-logo.md rename to content/en/cloud/self-hosted/white-label-logo.md index b835e845..cd488c1c 100644 --- a/content/en/cloud/miscellaneous/white-label-logo.md +++ b/content/en/cloud/self-hosted/white-label-logo.md @@ -1,31 +1,31 @@ ---- -title: How to customize Layer5 Cloud with your own logo -description: This guide will walk you through the process of white-labeling a logo using our custom letters in Figma. -weight: 1 ---- - - - -## Introduction -White-labeling a logo involves customizing it to remove branding elements and make it more generic or suitable for rebranding purposes. In Figma, this process can be achieved using custom letters and design tools. This document outlines step-by-step instructions on how to white-label a logo using custom letters in Figma. - -## Steps - -1. **Access the Logo Design:** Open Figma and navigate to the file containing the logo design that you want to white-label. - -1. **Select the Text Element:** Identify the text element within the logo design that contains the brand name or specific branding elements. - -1. **Replace Text with Custom Letters:** Use the Text Tool (shortcut: ) to select the text element. Delete the existing text and replace it with custom letters from the [Figma](https://www.figma.com/file/5ZwEkSJwUPitURD59YHMEN/Layer5-Designs?type=design&node-id=25126%3A7220&mode=design&t=n1b199pVzQKGxw1l-1) design file. - -1. **Adjust Letter Spacing and Size:** Fine-tune the letter spacing and size to ensure consistency and readability. - -1. **Modify Colors:** Customize the colors of the letters to match the desired branding scheme. Use the Fill and Stroke properties to change the color of the letters accordingly. - -1. **Remove Brand-specific Elements:** Identify and remove any brand-specific elements such as logos, icons, or graphics that may be embedded within the logo design. - -1. **Review and Refine:** Review the white-labeled logo design to ensure that all branding elements have been appropriately replaced or removed. Make any necessary refinements to achieve the desired result. - -1. **Export the Logo:** Once satisfied with the white-labeled logo design, export it as a PNG, SVG, or other desired file format for use in branding materials, websites, or marketing collateral. - -## Conclusion +--- +title: How to customize Layer5 Cloud with your own logo +description: This guide will walk you through the process of white-labeling a logo using our custom letters in Figma. +weight: 5 +--- + + + +## Introduction +White-labeling a logo involves customizing it to remove branding elements and make it more generic or suitable for rebranding purposes. In Figma, this process can be achieved using custom letters and design tools. This document outlines step-by-step instructions on how to white-label a logo using custom letters in Figma. + +## Steps + +1. **Access the Logo Design:** Open Figma and navigate to the file containing the logo design that you want to white-label. + +1. **Select the Text Element:** Identify the text element within the logo design that contains the brand name or specific branding elements. + +1. **Replace Text with Custom Letters:** Use the Text Tool (shortcut: ) to select the text element. Delete the existing text and replace it with custom letters from the [Figma](https://www.figma.com/file/5ZwEkSJwUPitURD59YHMEN/Layer5-Designs?type=design&node-id=25126%3A7220&mode=design&t=n1b199pVzQKGxw1l-1) design file. + +1. **Adjust Letter Spacing and Size:** Fine-tune the letter spacing and size to ensure consistency and readability. + +1. **Modify Colors:** Customize the colors of the letters to match the desired branding scheme. Use the Fill and Stroke properties to change the color of the letters accordingly. + +1. **Remove Brand-specific Elements:** Identify and remove any brand-specific elements such as logos, icons, or graphics that may be embedded within the logo design. + +1. **Review and Refine:** Review the white-labeled logo design to ensure that all branding elements have been appropriately replaced or removed. Make any necessary refinements to achieve the desired result. + +1. **Export the Logo:** Once satisfied with the white-labeled logo design, export it as a PNG, SVG, or other desired file format for use in branding materials, websites, or marketing collateral. + +## Conclusion White-labeling a logo using custom letters in Figma offers flexibility and customization options for rebranding or generic branding purposes. By following the outlined steps, you can effectively modify a logo design to remove branding elements and create a white-labeled version of the logo. \ No newline at end of file