30:T70f,I have worked for just over 12 years (1991–2003) at [Sun Microsystems](https://en.wikipedia.org/wiki/Sun_Microsystems), and always loved its logo. The Sun Microsystems logo is one of the most outstanding designs in history. It is composed of a wordmark and an [ambigram](https://en.wikipedia.org/wiki/Ambigram) emblem. The emblem was created in 1982 by [Vaughan Pratt](https://en.wikipedia.org/wiki/Vaughan_Pratt), [professor emeritus](https://en.wikipedia.org/wiki/Professor) in the field of [computer science](https://en.wikipedia.org/wiki/Computer_science) at [Stanford University](https://en.wikipedia.org/wiki/Stanford_University). The icon is a [rhombus](https://en.wikipedia.org/wiki/Rhombus) formed of eight U-shaped figures, that make four mirror copies of the word ‘sun’ with the letter “S” broken into two parts. It is a celebration of symmetry and clever design. The Sun Microsystems logo is unique and is considered to be one of the masterpieces of the brand visual identity design. It is simple and inspiring. The emblem’s design is elegant and straightforward. At its core, there is the “U”. It’s aspect ratio is 2:1. I always thought that the U was like a real bend. Half a donut with two legs, say. To my surprise it appears to be a semi-circle with two legs extending from it. The inner bend is straight. The gap is the space between the U and the edge of its container. Two adjacent Us show twice the gap between them. Hence, twice the gap is needed between the U’s two legs. The U starts to look like a real U when the gap is greater than zero. If you then take a copy of one U and rotate it around 180° around its origin (the red dot), you create one of the four fat “S”s. Copy and rotate 90° that S three more times, et voilà, there’s the Sun emblem.31:[] 2e:{"title":"Sun Logo","cells":[{"id":0,"value":"# Sun Logo","pinned":false,"hidden":false,"mode":"md"},{"id":1243,"value":"svg`${sun()}`","pinned":false,"hidden":false,"mode":"ojs"},{"id":352,"value":"viewof g = Inputs.range([0,r/2], {label: \"Gap\", step: 1, value: height*.05})","pinned":false,"hidden":false,"mode":"ojs"},{"id":1891,"value":"viewof ua = Scrubber(Array.from({length: 181}, (_, i) => i), {loopDelay: 3000, alternate: true})\n// Inputs.range([0,180], {label: \"Second U angle\", step: 1})","pinned":false,"hidden":false,"mode":"ojs"},{"id":865,"value":"svg`${uGrid}`","pinned":false,"hidden":false,"mode":"ojs"},{"id":1930,"value":"viewof showOrigins = Inputs.toggle({label: \"Show origins\", value: true})","pinned":false,"hidden":false,"mode":"ojs"},{"id":1846,"value":"$30","pinned":false,"hidden":false,"mode":"md"},{"id":284,"value":"viewof a = Inputs.range([0,360], {label: \"a\", step: 1, value: 45})","pinned":false,"hidden":false,"mode":"ojs"},{"id":942,"value":"height = 300","pinned":false,"hidden":false,"mode":"ojs"},{"id":212,"value":"r = height / 2","pinned":false,"hidden":false,"mode":"ojs"},{"id":1472,"value":"sun = () => ``","pinned":true,"hidden":false,"mode":"ojs"},{"id":1584,"value":"SUN = [0, 1, 2, 3].reduce(S, \"\") // four times S, rotated 0°, 90°, 180°, 270° around its lower right point","pinned":true,"hidden":false,"mode":"ojs"},{"id":1598,"value":"S = (accu, k) => accu\n+ ``\n+ ``\n+ ``","pinned":true,"hidden":false,"mode":"ojs"},{"id":1576,"value":"s = [0, 1].reduce(U, \"\") // single S: two Us: one rotated 0° and one rotated 180°","pinned":true,"hidden":false,"mode":"ojs"},{"id":1667,"value":"U = (accu, i) => accu + ``","pinned":true,"hidden":false,"mode":"ojs"},{"id":1418,"value":"// u as a closed path: two legs connected by a semi-circle; origin at (2r, 2r) from top left\nu = `M${-r} ${-g}`\n + `a1 1 0 0 1 0 ${-2 * (r - g)}` // semi-circle\n + `h${3 * r - g}` // leg 1\n + `v${(r - 2 * g)}`\n + `h${-3 * r + g}`\n + `v${2 * g}` // bridge to leg 2\n + `h${3 * r - g}` // leg 2\n + `v${r - 2 * g}`\n + \"z\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":853,"value":"uGrid = ``","pinned":true,"hidden":false,"mode":"ojs"},{"id":1882,"value":"uu = (a, opacity) => ``\n+ ``\n+ ``\n+ ``\n+ ``\n+ ``\n+ dot(\"1%\")\n+ ``","pinned":true,"hidden":false,"mode":"ojs"},{"id":925,"value":"// cross hairs\ngrid = `M${-height} ${-r}`\n+ `h${2*height}`\n+ `M0 0`\n+ `v${-height}`\n+ `M${-r} 0`\n+ `v${-height}`\n+ `M${+r} 0`\n+ `v${-height}`","pinned":false,"hidden":false,"mode":"ojs"},{"id":1485,"value":"dot = r => showOrigins ? `` : \"\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":494,"value":"fill = \"#5583a3\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":1918,"value":"import {Scrubber} from \"@mbostock/scrubber\"","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W31","stdlib":"1","titling":"auto"}