{"id":1476,"date":"2020-11-04T15:27:19","date_gmt":"2020-11-04T14:27:19","guid":{"rendered":"https:\/\/dradisframework.com\/blog\/?p=1476"},"modified":"2020-11-04T15:27:22","modified_gmt":"2020-11-04T14:27:22","slug":"fixing-the-dradis-logo","status":"publish","type":"post","link":"https:\/\/dradis.com\/blog\/2020\/11\/fixing-the-dradis-logo\/","title":{"rendered":"Fixing the Dradis Logo"},"content":{"rendered":"\n<p>As a designer, sometimes there are small details that bother me to the point where I need to address them. This time it was the Dradis logo that fell victim to my designer eye for details. A little while ago, I noticed something was amiss with the logo&#8217;s 3D perspective. When we started using the logo as the favicon, I noticed that one side appeared to be significantly narrower than the other.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" width=\"1570\" height=\"515\" src=\"https:\/\/dradisframework.com\/blog\/wp-content\/uploads\/2020\/11\/Screen-Shot-2020-10-28-at-4.30.24-PM.png\" alt=\"\" class=\"wp-image-1478\"\/><figcaption>Favicon with asymmetric logo<\/figcaption><\/figure>\n\n\n\n<p>Additionally, the logo&#8217;s current style doesn&#8217;t scale well. When the logo is significantly scaled-down we lose the outlines which cause the extruded sides to blend into the top face, skewing the design. <\/p>\n\n\n\n<p>Let&#8217;s dissect the logo to investigate and fix the perspective and symmetry problems. While we&#8217;re at it, let&#8217;s also address the scaling issue.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Investigation<\/h3>\n\n\n\n<p>Jumping right into it, let&#8217;s take a look at the current logo: <\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" width=\"1770\" height=\"1900\" src=\"https:\/\/dradisframework.com\/blog\/wp-content\/uploads\/2020\/11\/Screen-Shot-2020-10-28-at-4.02.51-PM.png\" alt=\"\" class=\"wp-image-1479\"\/><figcaption>Current Dradis logo<\/figcaption><\/figure>\n\n\n\n<p>In order to get a better understanding of what is going on with the symmetry, let&#8217;s get rid of the ring and isolate just the face of the &#8220;A&#8221;:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" width=\"1770\" height=\"1900\" src=\"https:\/\/dradisframework.com\/blog\/wp-content\/uploads\/2020\/11\/Screen-Shot-2020-10-28-at-4.06.20-PM.png\" alt=\"\" class=\"wp-image-1481\"\/><figcaption>Isolated face of the &#8220;A&#8221;<\/figcaption><\/figure>\n\n\n\n<p>Next, let&#8217;s add some guides for alignment and straighten it out so we can see if the top and bottom are level:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" width=\"1770\" height=\"1900\" src=\"https:\/\/dradisframework.com\/blog\/wp-content\/uploads\/2020\/11\/Screen-Shot-2020-10-28-at-4.08.16-PM.png\" alt=\"\" class=\"wp-image-1482\"\/><figcaption>Straightened &#8220;A&#8221; with alignment guides<\/figcaption><\/figure>\n\n\n\n<p>It is already evident that the top of the &#8220;A&#8221; isn&#8217;t quite level. Let&#8217;s zoom in to see how askew it really is:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" width=\"1770\" height=\"1900\" src=\"https:\/\/dradisframework.com\/blog\/wp-content\/uploads\/2020\/11\/Screen-Shot-2020-10-28-at-4.08.48-PM.png\" alt=\"\" class=\"wp-image-1483\"\/><figcaption>Top alignment with the guide<\/figcaption><\/figure>\n\n\n\n<p>That&#8217;s pretty significant if we are going to be using this for a 3D object. Let&#8217;s remember this for later when we look at the X-axis perspective.<\/p>\n\n\n\n<p>Now let&#8217;s check out the bottom of the &#8220;A&#8221;:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" width=\"1770\" height=\"1900\" src=\"https:\/\/dradisframework.com\/blog\/wp-content\/uploads\/2020\/11\/Screen-Shot-2020-10-28-at-4.08.26-PM-1.png\" alt=\"\" class=\"wp-image-1485\"\/><figcaption>Bottom right alignment with the guide<\/figcaption><\/figure>\n\n\n\n<p>The bottom right looks spot on.<\/p>\n\n\n\n<p>How about the bottom left?<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" width=\"1770\" height=\"1900\" src=\"https:\/\/dradisframework.com\/blog\/wp-content\/uploads\/2020\/11\/Screen-Shot-2020-10-28-at-4.08.37-PM.png\" alt=\"\" class=\"wp-image-1486\"\/><figcaption>Bottom left alignment with the guide<\/figcaption><\/figure>\n\n\n\n<p>It&#8217;s slightly off but it&#8217;s minimal (you might have to click the above image to enlarge it in order to see the misalignment).<\/p>\n\n\n\n<p>Now let&#8217;s fill in the missing sections to restore the original shape of the &#8220;A&#8221; before it was cut out by the ring.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" width=\"1770\" height=\"1900\" src=\"https:\/\/dradisframework.com\/blog\/wp-content\/uploads\/2020\/11\/Screen-Shot-2020-10-28-at-4.10.03-PM.png\" alt=\"\" class=\"wp-image-1487\"\/><figcaption>Completed &#8220;A&#8221; shape<\/figcaption><\/figure>\n\n\n\n<p>Looking at the A in this state reveals that it&#8217;s quite inconsistent. Let&#8217;s use Adobe Illustrator&#8217;s trusty measure tool to take some measurements:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" width=\"1770\" height=\"1900\" src=\"https:\/\/dradisframework.com\/blog\/wp-content\/uploads\/2020\/11\/Screen-Shot-2020-10-28-at-4.21.34-PM.png\" alt=\"\" class=\"wp-image-1488\"\/><figcaption>&#8220;A&#8221; with measurements added<\/figcaption><\/figure>\n\n\n\n<p><strong>Look at it! Just look at it! \ud83d\ude2d<\/strong><br><br>All of these measurements should be the same. Let&#8217;s keep this in mind for later when we talk about the Y-axis perspective.<\/p>\n\n\n\n<p>Additionally, let&#8217;s check the inner bottom angles of the &#8220;A&#8221;:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" width=\"2702\" height=\"1352\" src=\"https:\/\/dradisframework.com\/blog\/wp-content\/uploads\/2020\/11\/Screen-Shot-2020-10-28-at-6.41.47-PM.png\" alt=\"\" class=\"wp-image-1489\"\/><figcaption>Inner bottom angles<\/figcaption><\/figure>\n\n\n\n<p>Oh boy, these angles being uneven means the top of the &#8220;A&#8221; is off-center and lopsided as if the top was pushed towards the right:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" width=\"2120\" height=\"1806\" src=\"https:\/\/dradisframework.com\/blog\/wp-content\/uploads\/2020\/11\/Screen-Shot-2020-10-28-at-6.50.23-PM.png\" alt=\"\" class=\"wp-image-1490\"\/><figcaption>&#8220;A&#8221; with center guide<\/figcaption><\/figure>\n\n\n\n<p>In order to fix the symmetry of this shape, we&#8217;ll need to make the measurements isometric and equal out those bottom angles. But for now, let&#8217;s take a peek at the 3D perspective problems. <\/p>\n\n\n\n<p>This is the logo again reset to its original state:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" width=\"1770\" height=\"1900\" src=\"https:\/\/dradisframework.com\/blog\/wp-content\/uploads\/2020\/11\/Screen-Shot-2020-10-28-at-4.02.51-PM-1.png\" alt=\"\" class=\"wp-image-1491\"\/><figcaption>Original logo<\/figcaption><\/figure>\n\n\n\n<p>Looking closely it&#8217;s evident that the 3D extrusion is not realistic nor consistent. Let&#8217;s dive in deeper, I&#8217;ll try to illustrate what I&#8217;m talking about.<\/p>\n\n\n\n<p>First, let&#8217;s start with the X-axis. I&#8217;ve added some gridlines that the top and bottom edges of the A should line up with:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" width=\"1770\" height=\"1900\" src=\"https:\/\/dradisframework.com\/blog\/wp-content\/uploads\/2020\/11\/Screen-Shot-2020-10-28-at-5.17.12-PM.png\" alt=\"\" class=\"wp-image-1492\"\/><figcaption>X-axis gridlines<\/figcaption><\/figure>\n\n\n\n<p>We can already start to see some problems here. Going back to those alignment issues we discovered above, we can see how that top edge not being level is affecting the alignment of the shape with the X-axis gridline.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" width=\"1770\" height=\"1900\" src=\"https:\/\/dradisframework.com\/blog\/wp-content\/uploads\/2020\/11\/Screen-Shot-2020-10-28-at-5.17.03-PM.png\" alt=\"\" class=\"wp-image-1493\"\/><figcaption>Arrows showing problem areas<\/figcaption><\/figure>\n\n\n\n<p>The bottom left of the &#8220;A&#8221; was only slightly off level but now it&#8217;s clear how that minor misalignment also caused an issue with the 3D extrusion. <\/p>\n\n\n\n<p>Let&#8217;s move on to the Y-axis:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" width=\"1770\" height=\"1900\" src=\"https:\/\/dradisframework.com\/blog\/wp-content\/uploads\/2020\/11\/Screen-Shot-2020-10-28-at-4.03.38-PM.png\" alt=\"\" class=\"wp-image-1494\"\/><figcaption>Y-axis gridlines<\/figcaption><\/figure>\n\n\n\n<p>Similar to the X-axis, we can see some issues here with the Y-axis:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" width=\"1770\" height=\"1900\" src=\"https:\/\/dradisframework.com\/blog\/wp-content\/uploads\/2020\/11\/Screen-Shot-2020-10-28-at-4.03.42-PM.png\" alt=\"\" class=\"wp-image-1495\"\/><figcaption>Arrows showing problem areas<\/figcaption><\/figure>\n\n\n\n<p>The &#8220;A&#8221; should be aligned to these gridlines but it&#8217;s not as a result of those uneven measurements and angles we discovered earlier.&nbsp;<\/p>\n\n\n\n<p>Finally, let&#8217;s take a gander at the z-axis:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" width=\"1770\" height=\"1900\" src=\"https:\/\/dradisframework.com\/blog\/wp-content\/uploads\/2020\/11\/Screen-Shot-2020-10-28-at-4.03.20-PM.png\" alt=\"\" class=\"wp-image-1496\"\/><figcaption>Z-axis gridlines<\/figcaption><\/figure>\n\n\n\n<p>\ud83d\ude32 &#8211; shocked<br>\ud83e\udd2f &#8211; mindblown<br>\ud83d\ude2d &#8211; crying<\/p>\n\n\n\n<p>This is all wrong. Let me explain:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" width=\"1770\" height=\"1900\" src=\"https:\/\/dradisframework.com\/blog\/wp-content\/uploads\/2020\/11\/Screen-Shot-2020-10-28-at-4.03.24-PM.png\" alt=\"\" class=\"wp-image-1497\"\/><figcaption>Arrows showing problem areas<\/figcaption><\/figure>\n\n\n\n<p>The extrusion of the left leg&#8217;s base doesn&#8217;t make sense with how it&#8217;s skewed in.&nbsp;The right leg of the &#8220;A&#8221; appears to be bent down from the left leg along the Y-axis causing a huge deviation from the Z-axis gridlines. This is the main reason for the &#8220;3D-ness&#8221; not looking realistic.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Fixing<\/h3>\n\n\n\n<p>I took some time to recreate the Dradis logo using Adobe Illustrator. I corrected all the perspective and symmetry issues with the current logo design by making those uneven measurements and angles equal. <\/p>\n\n\n\n<ul class=\"wp-block-gallery columns-2 is-cropped wp-block-gallery-1 is-layout-flex\"><li class=\"blocks-gallery-item\"><figure><img decoding=\"async\" loading=\"lazy\" width=\"1408\" height=\"1448\" src=\"https:\/\/dradisframework.com\/blog\/wp-content\/uploads\/2020\/11\/Screen-Shot-2020-11-04-at-3.18.46-PM-1.png\" alt=\"\" data-id=\"1512\" data-link=\"https:\/\/dradisframework.com\/blog\/?attachment_id=1512\" class=\"wp-image-1512\"\/><figcaption>Widths<\/figcaption><\/figure><\/li><li class=\"blocks-gallery-item\"><figure><img decoding=\"async\" loading=\"lazy\" width=\"1408\" height=\"1448\" src=\"https:\/\/dradisframework.com\/blog\/wp-content\/uploads\/2020\/11\/Screen-Shot-2020-11-04-at-3.26.43-PM.png\" alt=\"\" data-id=\"1513\" data-link=\"https:\/\/dradisframework.com\/blog\/?attachment_id=1513\" class=\"wp-image-1513\"\/><figcaption>Angles<\/figcaption><\/figure><\/li><\/ul>\n\n\n\n<p>Then I used Illustrator&#8217;s 3D tools to make the 3D extrusion and adjust the perspective angle. <\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" width=\"2580\" height=\"1498\" src=\"https:\/\/dradisframework.com\/blog\/wp-content\/uploads\/2020\/11\/Screen-Shot-2020-11-04-at-3.36.28-PM.png\" alt=\"\" class=\"wp-image-1514\"\/><figcaption>3D extrusion and angle adjustment<\/figcaption><\/figure>\n\n\n\n<p>I was also able to solve the scaling issue by removing the outlines from the logo and adding shaded colors to the extrusion.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" width=\"1428\" height=\"706\" src=\"https:\/\/dradisframework.com\/blog\/wp-content\/uploads\/2020\/11\/Screen-Shot-2020-11-04-at-3.40.15-PM.png\" alt=\"\" class=\"wp-image-1516\"\/><figcaption>From outlines to shaded colors<\/figcaption><\/figure>\n\n\n\n<p>Additionally, I ensured the ring was aligned to the same perspective angle as the &#8220;A&#8221; to make it look and feel right as one cohesive logo with 2 distinct elements.<\/p>\n\n\n\n<p>The keen observer may say &#8220;but the new logo doesn&#8217;t align with the Z-axis described above!&#8221;:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" width=\"1160\" height=\"1162\" src=\"https:\/\/dradisframework.com\/blog\/wp-content\/uploads\/2020\/11\/Screen-Shot-2020-10-28-at-7.32.14-PM.png\" alt=\"\" class=\"wp-image-1501\"\/><figcaption>Updated logo with old Z-axis gridlines<\/figcaption><\/figure>\n\n\n\n<p>And they would be right! I like the perspective where we see the flying A&#8217;s extrusion on the inner parts of the legs. If we wanted to correct the logo using the original Z-axis angle we would end up with this perspective:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" width=\"1440\" height=\"1442\" src=\"https:\/\/dradisframework.com\/blog\/wp-content\/uploads\/2020\/11\/Screen-Shot-2020-10-28-at-7.37.25-PM.png\" alt=\"\" class=\"wp-image-1502\"\/><figcaption>New A on the original Z-axis angle<\/figcaption><\/figure>\n\n\n\n<p>I ended up changing the Z-axis angle to maintain the previous perspective:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" width=\"1440\" height=\"1442\" src=\"https:\/\/dradisframework.com\/blog\/wp-content\/uploads\/2020\/11\/Screen-Shot-2020-10-28-at-7.37.36-PM.png\" alt=\"\" class=\"wp-image-1504\"\/><figcaption>Updated A on the corrected Z-axis angle\u00a0<\/figcaption><\/figure>\n\n\n\n<p>Here is the logo again showing the adjusted Z-axis angle:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" width=\"1160\" height=\"1162\" src=\"https:\/\/dradisframework.com\/blog\/wp-content\/uploads\/2020\/11\/Screen-Shot-2020-10-28-at-7.32.43-PM.png\" alt=\"\" class=\"wp-image-1503\"\/><figcaption>New Z-axis gridlines<\/figcaption><\/figure>\n\n\n\n<p>And to be thorough &#8211; here are the X and Y gridlines showing how the updated logo is nice and tidy.<\/p>\n\n\n\n<ul class=\"wp-block-gallery columns-2 is-cropped wp-block-gallery-3 is-layout-flex\"><li class=\"blocks-gallery-item\"><figure><img decoding=\"async\" loading=\"lazy\" width=\"1160\" height=\"1162\" src=\"https:\/\/dradisframework.com\/blog\/wp-content\/uploads\/2020\/11\/Screen-Shot-2020-10-28-at-7.33.48-PM-1.png\" alt=\"\" data-id=\"1507\" data-link=\"https:\/\/dradisframework.com\/blog\/?attachment_id=1507\" class=\"wp-image-1507\"\/><figcaption>Y-axis<\/figcaption><\/figure><\/li><li class=\"blocks-gallery-item\"><figure><img decoding=\"async\" loading=\"lazy\" width=\"1160\" height=\"1162\" src=\"https:\/\/dradisframework.com\/blog\/wp-content\/uploads\/2020\/11\/Screen-Shot-2020-10-28-at-7.33.53-PM-1.png\" alt=\"\" data-id=\"1508\" data-link=\"https:\/\/dradisframework.com\/blog\/?attachment_id=1508\" class=\"wp-image-1508\"\/><figcaption>X-axis<\/figcaption><\/figure><\/li><\/ul>\n\n\n\n<p>The below shows a comparison of the previous and updated logo designs.<\/p>\n\n\n\n<p><strong>Left<\/strong>: Original logo<br><strong>Center<\/strong>: Updated logo with corrected perspective\u00a0<br><strong>Right<\/strong>: Updated logo with shaded extrusion<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" width=\"3116\" height=\"1302\" src=\"https:\/\/dradisframework.com\/blog\/wp-content\/uploads\/2020\/11\/Screen-Shot-2020-10-28-at-7.23.12-PM.png\" alt=\"\" class=\"wp-image-1499\"\/><figcaption>Artboards<\/figcaption><\/figure>\n\n\n\n<p>Finally, here is the before and after of the favicon.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" width=\"696\" height=\"92\" src=\"https:\/\/dradisframework.com\/blog\/wp-content\/uploads\/2020\/11\/Screen-Shot-2020-11-03-at-4.47.11-PM-1.png\" alt=\"\" class=\"wp-image-1510\"\/><figcaption>Left: Before, After: Right<\/figcaption><\/figure>\n\n\n\n<p>Now, the designer in me can rest easy knowing the logo has a realistic 3D extrusion and perfect symmetry.<\/p>\n\n\n\n<hr class=\"wp-block-separator is-style-dots\"\/>\n","protected":false},"excerpt":{"rendered":"<p>As a designer, sometimes there are small details that bother me to the point where I need to address them. This time it was the Dradis logo that fell victim to my designer eye for details. A little while ago, I noticed something was amiss with the logo&#8217;s 3D perspective. When we started using the [&hellip;]<\/p>\n","protected":false},"author":10,"featured_media":1477,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"jetpack_publicize_message":"","jetpack_is_tweetstorm":false,"jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":[]},"categories":[11],"tags":[],"jetpack_publicize_connections":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.2 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Fixing the Dradis Logo - Dradis Framework Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/dradis.com\/blog\/2020\/11\/fixing-the-dradis-logo\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Fixing the Dradis Logo - Dradis Framework Blog\" \/>\n<meta property=\"og:description\" content=\"As a designer, sometimes there are small details that bother me to the point where I need to address them. This time it was the Dradis logo that fell victim to my designer eye for details. A little while ago, I noticed something was amiss with the logo&#8217;s 3D perspective. When we started using the [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/dradis.com\/blog\/2020\/11\/fixing-the-dradis-logo\/\" \/>\n<meta property=\"og:site_name\" content=\"Dradis Framework Blog\" \/>\n<meta property=\"article:published_time\" content=\"2020-11-04T14:27:19+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-11-04T14:27:22+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/dradis.com\/blog\/wp-content\/uploads\/2020\/11\/logo_fusion.png\" \/>\n\t<meta property=\"og:image:width\" content=\"750\" \/>\n\t<meta property=\"og:image:height\" content=\"750\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Matt Budz\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@nomadicmattbudz\" \/>\n<meta name=\"twitter:site\" content=\"@dradisfw\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Matt Budz\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/dradis.com\/blog\/2020\/11\/fixing-the-dradis-logo\/\",\"url\":\"https:\/\/dradis.com\/blog\/2020\/11\/fixing-the-dradis-logo\/\",\"name\":\"Fixing the Dradis Logo - Dradis Framework Blog\",\"isPartOf\":{\"@id\":\"https:\/\/dradis.com\/blog\/#website\"},\"datePublished\":\"2020-11-04T14:27:19+00:00\",\"dateModified\":\"2020-11-04T14:27:22+00:00\",\"author\":{\"@id\":\"https:\/\/dradis.com\/blog\/#\/schema\/person\/ffd82d26c0792ae986cfe1e48adac324\"},\"breadcrumb\":{\"@id\":\"https:\/\/dradis.com\/blog\/2020\/11\/fixing-the-dradis-logo\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/dradis.com\/blog\/2020\/11\/fixing-the-dradis-logo\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/dradis.com\/blog\/2020\/11\/fixing-the-dradis-logo\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/dradis.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Fixing the Dradis Logo\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/dradis.com\/blog\/#website\",\"url\":\"https:\/\/dradis.com\/blog\/\",\"name\":\"Dradis Framework Blog\",\"description\":\"Information management for security teams\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/dradis.com\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/dradis.com\/blog\/#\/schema\/person\/ffd82d26c0792ae986cfe1e48adac324\",\"name\":\"Matt Budz\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/dradis.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/dbb93060941ab3126e881f72ce6741f2?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/dbb93060941ab3126e881f72ce6741f2?s=96&d=mm&r=g\",\"caption\":\"Matt Budz\"},\"description\":\"Product Designer, Technology Enthusiast, Web Junkie and Formula 1 Fanatic.\",\"sameAs\":[\"https:\/\/twitter.com\/nomadicmattbudz\"],\"url\":\"https:\/\/dradis.com\/blog\/author\/matt\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Fixing the Dradis Logo - Dradis Framework Blog","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/dradis.com\/blog\/2020\/11\/fixing-the-dradis-logo\/","og_locale":"en_US","og_type":"article","og_title":"Fixing the Dradis Logo - Dradis Framework Blog","og_description":"As a designer, sometimes there are small details that bother me to the point where I need to address them. This time it was the Dradis logo that fell victim to my designer eye for details. A little while ago, I noticed something was amiss with the logo&#8217;s 3D perspective. When we started using the [&hellip;]","og_url":"https:\/\/dradis.com\/blog\/2020\/11\/fixing-the-dradis-logo\/","og_site_name":"Dradis Framework Blog","article_published_time":"2020-11-04T14:27:19+00:00","article_modified_time":"2020-11-04T14:27:22+00:00","og_image":[{"width":750,"height":750,"url":"https:\/\/dradis.com\/blog\/wp-content\/uploads\/2020\/11\/logo_fusion.png","type":"image\/png"}],"author":"Matt Budz","twitter_card":"summary_large_image","twitter_creator":"@nomadicmattbudz","twitter_site":"@dradisfw","twitter_misc":{"Written by":"Matt Budz","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/dradis.com\/blog\/2020\/11\/fixing-the-dradis-logo\/","url":"https:\/\/dradis.com\/blog\/2020\/11\/fixing-the-dradis-logo\/","name":"Fixing the Dradis Logo - Dradis Framework Blog","isPartOf":{"@id":"https:\/\/dradis.com\/blog\/#website"},"datePublished":"2020-11-04T14:27:19+00:00","dateModified":"2020-11-04T14:27:22+00:00","author":{"@id":"https:\/\/dradis.com\/blog\/#\/schema\/person\/ffd82d26c0792ae986cfe1e48adac324"},"breadcrumb":{"@id":"https:\/\/dradis.com\/blog\/2020\/11\/fixing-the-dradis-logo\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/dradis.com\/blog\/2020\/11\/fixing-the-dradis-logo\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/dradis.com\/blog\/2020\/11\/fixing-the-dradis-logo\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/dradis.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Fixing the Dradis Logo"}]},{"@type":"WebSite","@id":"https:\/\/dradis.com\/blog\/#website","url":"https:\/\/dradis.com\/blog\/","name":"Dradis Framework Blog","description":"Information management for security teams","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/dradis.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/dradis.com\/blog\/#\/schema\/person\/ffd82d26c0792ae986cfe1e48adac324","name":"Matt Budz","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/dradis.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/dbb93060941ab3126e881f72ce6741f2?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/dbb93060941ab3126e881f72ce6741f2?s=96&d=mm&r=g","caption":"Matt Budz"},"description":"Product Designer, Technology Enthusiast, Web Junkie and Formula 1 Fanatic.","sameAs":["https:\/\/twitter.com\/nomadicmattbudz"],"url":"https:\/\/dradis.com\/blog\/author\/matt\/"}]}},"jetpack_featured_media_url":"https:\/\/dradis.com\/blog\/wp-content\/uploads\/2020\/11\/logo_fusion.png","jetpack_shortlink":"https:\/\/wp.me\/p3ijVs-nO","jetpack_sharing_enabled":true,"jetpack-related-posts":[{"id":2534,"url":"https:\/\/dradis.com\/blog\/2025\/07\/new-in-dradis-pro-v4-17\/","url_meta":{"origin":1476,"position":0},"title":"New in Dradis Pro v4.17","date":"July 29, 2025","format":false,"excerpt":"Dradis v4.15.0 includes automatic cross-references, custom tag ordering, and kit updates.","rel":"","context":"In &quot;Dradis_Pro&quot;","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/dradis.com\/blog\/wp-content\/uploads\/2025\/05\/image.png?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":1164,"url":"https:\/\/dradis.com\/blog\/2020\/01\/dradis-wpscan-integration\/","url_meta":{"origin":1476,"position":1},"title":"New Dradis Integration: WPScan","date":"January 30, 2020","format":false,"excerpt":"When the WPScan team approached us in late 2019 offering to create an integration for Dradis, we were excited to work together. What goes together better than a WordPress security scanning tool and an easy way to turn those findings into a customized report? Maybe chocolate and peanut butter, but\u2026","rel":"","context":"In &quot;Features&quot;","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/dradis.com\/blog\/wp-content\/uploads\/2020\/01\/NEW-DRADIS-INTEGRATION3.png?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":2583,"url":"https:\/\/dradis.com\/blog\/2025\/12\/icymi-what-we-shipped-in-2025-%f0%9f%9a%80\/","url_meta":{"origin":1476,"position":2},"title":"ICYMI: What we shipped in 2025 \ud83d\ude80","date":"December 17, 2025","format":false,"excerpt":"2025 has been a busy and productive year for the entire Dradis team. While we shipped a lot of cool stuff, there are some features that really stand out as we look back over the year. We hope you\u2019ve been making as much use of these as we have. Our\u2026","rel":"","context":"In &quot;Design&quot;","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/dradis.com\/blog\/wp-content\/uploads\/2025\/12\/Services-1.png?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":1527,"url":"https:\/\/dradis.com\/blog\/2021\/01\/new-in-dradis-pro-v3-10\/","url_meta":{"origin":1476,"position":3},"title":"New in Dradis Pro v3.10","date":"January 14, 2021","format":false,"excerpt":"https:\/\/www.youtube.com\/watch?v=dwudYUuQrjk&feature=youtu.be User on, User off Users can be toggled between disabled and re-enabled. Disabled users cannot access the app, aren't available to mention in comments, and will not receive notifications. Content from disabled users won't be deleted and they will need to be re-enabled before modifying any permissions. Bye for\u2026","rel":"","context":"In &quot;Dradis_Pro&quot;","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/dradis.com\/blog\/wp-content\/uploads\/2021\/01\/3.10DisableUser.gif?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":1683,"url":"https:\/\/dradis.com\/blog\/2022\/06\/new-in-dradis-pro-v4-4\/","url_meta":{"origin":1476,"position":4},"title":"New in Dradis Pro v4.4","date":"June 20, 2022","format":false,"excerpt":"https:\/\/youtu.be\/tgfLYwINo0c Plugin Manager Validation The Plugin Manager has new validation! Previously, you'd need a file like issue.txt to use when configuring the Plugin Manager. Now, you can simply associate the Plugin Manager with one of the report templates on your Dradis instance. You'll see a validation check on the right\u2026","rel":"","context":"In &quot;Dradis_Pro&quot;","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/dradis.com\/blog\/wp-content\/uploads\/2022\/06\/Screen-Shot-2022-06-15-at-4.21.05-PM.png?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":502,"url":"https:\/\/dradis.com\/blog\/2013\/12\/new-in-dradis-pro-v19\/","url_meta":{"origin":1476,"position":5},"title":"New in Dradis Pro v1.9","date":"December 27, 2013","format":false,"excerpt":"Today we're happy to announce a new release of Dradis Professional Edition: Dradis Pro v1.9. Start thinking about what you are going to do in 2014 with all the report-writing hours that Dradis will save you from spending :) This release brings new features and improvements at almost every level:\u2026","rel":"","context":"In &quot;Dradis_Pro&quot;","img":{"alt_text":"snowcrash-01","src":"https:\/\/i0.wp.com\/securityroots.com\/blog\/wp-content\/uploads\/2013\/12\/snowcrash-01.png?resize=350%2C200","width":350,"height":200},"classes":[]}],"_links":{"self":[{"href":"https:\/\/dradis.com\/blog\/wp-json\/wp\/v2\/posts\/1476"}],"collection":[{"href":"https:\/\/dradis.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/dradis.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/dradis.com\/blog\/wp-json\/wp\/v2\/users\/10"}],"replies":[{"embeddable":true,"href":"https:\/\/dradis.com\/blog\/wp-json\/wp\/v2\/comments?post=1476"}],"version-history":[{"count":9,"href":"https:\/\/dradis.com\/blog\/wp-json\/wp\/v2\/posts\/1476\/revisions"}],"predecessor-version":[{"id":1524,"href":"https:\/\/dradis.com\/blog\/wp-json\/wp\/v2\/posts\/1476\/revisions\/1524"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/dradis.com\/blog\/wp-json\/wp\/v2\/media\/1477"}],"wp:attachment":[{"href":"https:\/\/dradis.com\/blog\/wp-json\/wp\/v2\/media?parent=1476"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/dradis.com\/blog\/wp-json\/wp\/v2\/categories?post=1476"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/dradis.com\/blog\/wp-json\/wp\/v2\/tags?post=1476"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}