{"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 class=\"wp-block-paragraph\">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 loading=\"lazy\" decoding=\"async\" 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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 loading=\"lazy\" decoding=\"async\" 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 class=\"wp-block-paragraph\">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 loading=\"lazy\" decoding=\"async\" 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 class=\"wp-block-paragraph\">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 loading=\"lazy\" decoding=\"async\" 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 class=\"wp-block-paragraph\">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 loading=\"lazy\" decoding=\"async\" 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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">Now let&#8217;s check out the bottom of the &#8220;A&#8221;:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" 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 class=\"wp-block-paragraph\">The bottom right looks spot on.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">How about the bottom left?<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" 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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 loading=\"lazy\" decoding=\"async\" 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 class=\"wp-block-paragraph\">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 loading=\"lazy\" decoding=\"async\" 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 class=\"wp-block-paragraph\"><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 class=\"wp-block-paragraph\">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 loading=\"lazy\" decoding=\"async\" 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 class=\"wp-block-paragraph\">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 loading=\"lazy\" decoding=\"async\" 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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">This is the logo again reset to its original state:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" 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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 loading=\"lazy\" decoding=\"async\" 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 class=\"wp-block-paragraph\">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 loading=\"lazy\" decoding=\"async\" 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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">Let&#8217;s move on to the Y-axis:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" 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 class=\"wp-block-paragraph\">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 loading=\"lazy\" decoding=\"async\" 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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">Finally, let&#8217;s take a gander at the z-axis:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" 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 class=\"wp-block-paragraph\">\ud83d\ude32 &#8211; shocked<br>\ud83e\udd2f &#8211; mindblown<br>\ud83d\ude2d &#8211; crying<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This is all wrong. Let me explain:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" 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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 wp-block-gallery-is-layout-flex\"><li class=\"blocks-gallery-item\"><figure><img loading=\"lazy\" decoding=\"async\" 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 loading=\"lazy\" decoding=\"async\" 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 class=\"wp-block-paragraph\">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 loading=\"lazy\" decoding=\"async\" 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 class=\"wp-block-paragraph\">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 loading=\"lazy\" decoding=\"async\" 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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 loading=\"lazy\" decoding=\"async\" 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 class=\"wp-block-paragraph\">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 loading=\"lazy\" decoding=\"async\" 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 class=\"wp-block-paragraph\">I ended up changing the Z-axis angle to maintain the previous perspective:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" 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 class=\"wp-block-paragraph\">Here is the logo again showing the adjusted Z-axis angle:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" 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 class=\"wp-block-paragraph\">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-2 is-layout-flex wp-block-gallery-is-layout-flex\"><li class=\"blocks-gallery-item\"><figure><img loading=\"lazy\" decoding=\"async\" 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 loading=\"lazy\" decoding=\"async\" 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 class=\"wp-block-paragraph\">The below shows a comparison of the previous and updated logo designs.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><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 loading=\"lazy\" decoding=\"async\" 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 class=\"wp-block-paragraph\">Finally, here is the before and after of the favicon.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" 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 class=\"wp-block-paragraph\">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_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"jetpack_post_was_ever_published":false},"categories":[11],"tags":[],"class_list":["post-1476","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-design"],"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\/ba558db6988a4d7005dd74f7d6ac42fea80f7ef241a40ea2e70fd992b754eb66?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/ba558db6988a4d7005dd74f7d6ac42fea80f7ef241a40ea2e70fd992b754eb66?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\/ba558db6988a4d7005dd74f7d6ac42fea80f7ef241a40ea2e70fd992b754eb66?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/ba558db6988a4d7005dd74f7d6ac42fea80f7ef241a40ea2e70fd992b754eb66?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_publicize_connections":[],"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","author":"Pavels Samoilovs","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;","block_context":{"text":"Dradis_Pro","link":"https:\/\/dradis.com\/blog\/category\/dradispro\/"},"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,"srcset":"https:\/\/i0.wp.com\/dradis.com\/blog\/wp-content\/uploads\/2025\/05\/image.png?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/dradis.com\/blog\/wp-content\/uploads\/2025\/05\/image.png?resize=525%2C300&ssl=1 1.5x, https:\/\/i0.wp.com\/dradis.com\/blog\/wp-content\/uploads\/2025\/05\/image.png?resize=700%2C400&ssl=1 2x, https:\/\/i0.wp.com\/dradis.com\/blog\/wp-content\/uploads\/2025\/05\/image.png?resize=1050%2C600&ssl=1 3x"},"classes":[]},{"id":1164,"url":"https:\/\/dradis.com\/blog\/2020\/01\/dradis-wpscan-integration\/","url_meta":{"origin":1476,"position":1},"title":"New Dradis Integration: WPScan","author":"Tabatha DiDomenico","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;","block_context":{"text":"Features","link":"https:\/\/dradis.com\/blog\/category\/features\/"},"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,"srcset":"https:\/\/i0.wp.com\/dradis.com\/blog\/wp-content\/uploads\/2020\/01\/NEW-DRADIS-INTEGRATION3.png?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/dradis.com\/blog\/wp-content\/uploads\/2020\/01\/NEW-DRADIS-INTEGRATION3.png?resize=525%2C300&ssl=1 1.5x, https:\/\/i0.wp.com\/dradis.com\/blog\/wp-content\/uploads\/2020\/01\/NEW-DRADIS-INTEGRATION3.png?resize=700%2C400&ssl=1 2x"},"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","author":"Matt Budz","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;","block_context":{"text":"Design","link":"https:\/\/dradis.com\/blog\/category\/design\/"},"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,"srcset":"https:\/\/i0.wp.com\/dradis.com\/blog\/wp-content\/uploads\/2025\/12\/Services-1.png?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/dradis.com\/blog\/wp-content\/uploads\/2025\/12\/Services-1.png?resize=525%2C300&ssl=1 1.5x, https:\/\/i0.wp.com\/dradis.com\/blog\/wp-content\/uploads\/2025\/12\/Services-1.png?resize=700%2C400&ssl=1 2x, https:\/\/i0.wp.com\/dradis.com\/blog\/wp-content\/uploads\/2025\/12\/Services-1.png?resize=1050%2C600&ssl=1 3x, https:\/\/i0.wp.com\/dradis.com\/blog\/wp-content\/uploads\/2025\/12\/Services-1.png?resize=1400%2C800&ssl=1 4x"},"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","author":"Tabatha DiDomenico","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;","block_context":{"text":"Dradis_Pro","link":"https:\/\/dradis.com\/blog\/category\/dradispro\/"},"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,"srcset":"https:\/\/i0.wp.com\/dradis.com\/blog\/wp-content\/uploads\/2021\/01\/3.10DisableUser.gif?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/dradis.com\/blog\/wp-content\/uploads\/2021\/01\/3.10DisableUser.gif?resize=525%2C300&ssl=1 1.5x"},"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","author":"Rachael Carder","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;","block_context":{"text":"Dradis_Pro","link":"https:\/\/dradis.com\/blog\/category\/dradispro\/"},"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,"srcset":"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 1x, https:\/\/i0.wp.com\/dradis.com\/blog\/wp-content\/uploads\/2022\/06\/Screen-Shot-2022-06-15-at-4.21.05-PM.png?resize=525%2C300&ssl=1 1.5x, https:\/\/i0.wp.com\/dradis.com\/blog\/wp-content\/uploads\/2022\/06\/Screen-Shot-2022-06-15-at-4.21.05-PM.png?resize=700%2C400&ssl=1 2x, https:\/\/i0.wp.com\/dradis.com\/blog\/wp-content\/uploads\/2022\/06\/Screen-Shot-2022-06-15-at-4.21.05-PM.png?resize=1050%2C600&ssl=1 3x"},"classes":[]},{"id":2646,"url":"https:\/\/dradis.com\/blog\/2026\/04\/new-in-dradis-pro-v5-0\/","url_meta":{"origin":1476,"position":5},"title":"New in Dradis Pro v5.0","author":"Christoffer","date":"April 20, 2026","format":false,"excerpt":"Dradis v4.15.0 includes automatic cross-references, custom tag ordering, and kit updates.","rel":"","context":"In &quot;Dradis_Pro&quot;","block_context":{"text":"Dradis_Pro","link":"https:\/\/dradis.com\/blog\/category\/dradispro\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/dradis.com\/blog\/wp-content\/uploads\/2026\/04\/image.png?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/dradis.com\/blog\/wp-content\/uploads\/2026\/04\/image.png?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/dradis.com\/blog\/wp-content\/uploads\/2026\/04\/image.png?resize=525%2C300&ssl=1 1.5x, https:\/\/i0.wp.com\/dradis.com\/blog\/wp-content\/uploads\/2026\/04\/image.png?resize=700%2C400&ssl=1 2x, https:\/\/i0.wp.com\/dradis.com\/blog\/wp-content\/uploads\/2026\/04\/image.png?resize=1050%2C600&ssl=1 3x, https:\/\/i0.wp.com\/dradis.com\/blog\/wp-content\/uploads\/2026\/04\/image.png?resize=1400%2C800&ssl=1 4x"},"classes":[]}],"_links":{"self":[{"href":"https:\/\/dradis.com\/blog\/wp-json\/wp\/v2\/posts\/1476","targetHints":{"allow":["GET"]}}],"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}]}}