<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:content="http://purl.org/rss/1.0/modules/content/">

<channel>

<title>Rosano / entries for &#34;David Kadavy: Design for Hackers&#34;</title>



<link>https://home.rosano.ca/log/series/david-kadavy-design-for-hackers/</link>

<generator>Hugo</generator>

<language>en-ca</language>



<lastBuildDate>Mon, 17 Aug 2026 08:01:57 +0000</lastBuildDate>

<atom:link href="https://home.rosano.ca/log/series/david-kadavy-design-for-hackers/feed" rel="self" type="application/rss" /><item>
  <title>Thursday, December 31, 2020 08h31</title>
  <link>https://home.rosano.ca/log/01etw92yqj8rrsh8hvtcxa8sf7/</link>
  <pubDate>Thu, 31 Dec 2020 08:31:50 -0300</pubDate>
  <guid>https://home.rosano.ca/log/01etw92yqj8rrsh8hvtcxa8sf7/</guid>
  <description> [A block of text creates a certain texture based on the thickness and evenness of letter stroke, the serifs.]&#xA;[A font&#39;s point size is based on the difference between the tallest ascender (like the tip of a &#39;b&#39;) and the lowest descender (like the tail of a &#39;p&#39;).]&#xA;[Body copy tends to look better with a leading / line-height of 120% to 140% of a type&#39;s size (1.2em to 1.4em).]&#xA;</description>
  <content:encoded><![CDATA[
  <div class="post">




<div class="content"><blockquote>
<p>[A block of text creates a certain texture based on the thickness and evenness of letter stroke, the serifs.]</p></blockquote>
<blockquote>
<p>[A font's point size is based on the difference between the tallest ascender (like the tip of a 'b') and the lowest descender (like the tail of a 'p').]</p></blockquote>
<blockquote>
<p>[Body copy tends to look better with a leading / line-height of 120% to 140% of a type's size (1.2em to 1.4em).]</p></blockquote>
<blockquote>
<p>[Similar character widths make for better pairings.]</p></blockquote>
<blockquote>
<p>[Typefaces are built for specific mediums such as print or screen.]</p></blockquote>
<blockquote>
<p>[If you seperate paragraphs with space, a full line break is usually too much, better to have 0.8em.]</p></blockquote>
</div><small>Part of: <a href="/log/series/david-kadavy-design-for-hackers/">David Kadavy: Design for Hackers</a>.
</small>



<hr>
<span class="metadata" data-pagefind-ignore>

	<small>
		<a aria-label="Permalink for 8:31 am, December 31, 2020" href="/log/01etw92yqj8rrsh8hvtcxa8sf7/"><time datetime="2020-12-31T08:31:50-03:00" data-pagefind-sort="date[datetime]">08h31</time></a>

		
		<span>from <a href="/log/place/brasilia/">Brasilia</a> / </span>

		<span><a href="/log/country/brazil/">Brazil</a></span><span>, type:<a href="/log/type/book/">book</a></span></small>

</span>

</div>

  ]]></content:encoded>
</item><item>
  <title>Wednesday, December 30, 2020 16h33</title>
  <link>https://home.rosano.ca/log/01ettj88rxg2px6px3tpb9qjfy/</link>
  <pubDate>Wed, 30 Dec 2020 16:33:33 -0300</pubDate>
  <guid>https://home.rosano.ca/log/01ettj88rxg2px6px3tpb9qjfy/</guid>
  <description> [Within Serif fonts: Old style, like Garamond, has a tilted axis, round serifs, modulated strokes; Traditional, like Baskerville, has an upright axis, sharp serifs, heavily modulated strokes, geometrical shapes; Modern, like Bodoni, has an upright axis, thin serifs, extremely modulated strokes, geometric counters; Slab-serif, like Museo Slab, has an upright axis, even thick modulation that matches the size of serifs.]&#xA;</description>
  <content:encoded><![CDATA[
  <div class="post">




<div class="content"><blockquote>
<p>[Within Serif fonts: Old style, like Garamond, has a tilted axis, round serifs, modulated strokes; Traditional, like Baskerville, has an upright axis, sharp serifs, heavily modulated strokes, geometrical shapes; Modern, like Bodoni, has an upright axis, thin serifs, extremely modulated strokes, geometric counters; Slab-serif, like Museo Slab, has an upright axis, even thick modulation that matches the size of serifs.]</p></blockquote>
</div><small>Part of: <a href="/log/series/david-kadavy-design-for-hackers/">David Kadavy: Design for Hackers</a>.
</small>



<hr>
<span class="metadata" data-pagefind-ignore>

	<small>
		<a aria-label="Permalink for 4:33 pm, December 30, 2020" href="/log/01ettj88rxg2px6px3tpb9qjfy/"><time datetime="2020-12-30T16:33:33-03:00" data-pagefind-sort="date[datetime]">16h33</time></a>

		
		<span>from <a href="/log/place/brasilia/">Brasilia</a> / </span>

		<span><a href="/log/country/brazil/">Brazil</a></span><span>, type:<a href="/log/type/book/">book</a></span></small>

</span>

</div>

  ]]></content:encoded>
</item><item>
  <title>Tuesday, December 29, 2020 17h51</title>
  <link>https://home.rosano.ca/log/01etr4asz6vjgyqtfhrfyfh401/</link>
  <pubDate>Tue, 29 Dec 2020 17:51:47 -0300</pubDate>
  <guid>https://home.rosano.ca/log/01etr4asz6vjgyqtfhrfyfh401/</guid>
  <description> [Short cones are absent from the fovea, which is the center of our focus and where we can best see detail.]&#xA;[Researchers found that exposure to red overloads the brain&#39;s rationalizing capacity without you realizing. Participants displayed hesitation and earned lower IQ test scores, but rates their performance the same as the control.]&#xA;[Shopping in a Target store involves being assaulted with red in every direction, and there is a joke that you cannot leave without spending $100.]&#xA;</description>
  <content:encoded><![CDATA[
  <div class="post">




<div class="content"><blockquote>
<p>[Short cones are absent from the <em>fovea</em>, which is the center of our focus and where we can best see detail.]</p></blockquote>
<blockquote>
<p>[Researchers found that exposure to red overloads the brain's rationalizing capacity without you realizing. Participants displayed hesitation and earned lower IQ test scores, but rates their performance the same as the control.]</p></blockquote>
<blockquote>
<p>[Shopping in a Target store involves being assaulted with red in every direction, and there is a joke that you cannot leave without spending $100.]</p></blockquote>
<blockquote>
<p>[When surveying color usage and significance in a particular culture, research the flag, religions, weddings and funerals, holidays, sports.]</p></blockquote>
<blockquote>
<p>[Pointillism exploits our perception of two different colored dots placed next to one another to create the effect of a different overall color.]</p></blockquote>
<blockquote>
<p>[Warm hues and tints pop and appear to be closer. Cool hues and shades recede and appear to be farther away.]</p></blockquote>
<blockquote>
<p>[Tinted purple on black pops in a more jarring way than on blue because there is a relationship between the colors in the former pair.]</p></blockquote>
<blockquote>
<p>[Monochromatic schemes use a single base color with various tints and shades, and tend to be quiet.]</p></blockquote>
<blockquote>
<p>[Analogous schemes use adjacent or alternating adjacent hues, and tend to be harmonious and quiet.]</p></blockquote>
<blockquote>
<p>[Complementary schemes use opposing hues on the wheel and can be more exciting.]</p></blockquote>
<blockquote>
<p>[Split complementary schemes divide one opposing hue into its two adjacent colors, and can be less jarring or more harmonious than complementary schemes.]</p></blockquote>
<blockquote>
<p>[Triadic schemes use three evenly spaced hues.]</p></blockquote>
</div><small>Part of: <a href="/log/series/david-kadavy-design-for-hackers/">David Kadavy: Design for Hackers</a>.
</small>



<hr>
<span class="metadata" data-pagefind-ignore>

	<small>
		<a aria-label="Permalink for 5:51 pm, December 29, 2020" href="/log/01etr4asz6vjgyqtfhrfyfh401/"><time datetime="2020-12-29T17:51:47-03:00" data-pagefind-sort="date[datetime]">17h51</time></a>

		
		<span>from <a href="/log/place/brasilia/">Brasilia</a> / </span>

		<span><a href="/log/country/brazil/">Brazil</a></span><span>, type:<a href="/log/type/book/">book</a></span></small>

</span>

</div>

  ]]></content:encoded>
</item><item>
  <title>Monday, December 28, 2020 18h49</title>
  <link>https://home.rosano.ca/log/01etnn7mzakq5r0gvg891akwvq/</link>
  <pubDate>Mon, 28 Dec 2020 18:49:26 -0300</pubDate>
  <guid>https://home.rosano.ca/log/01etnn7mzakq5r0gvg891akwvq/</guid>
  <description> [Colour as we perceive it is a form of electromagnetic radiation between 400-790 teraherts. It&#39;s lower than infrared, microwaves, and radio; higher than x-rays and ultraviolet.]&#xA;[We don&#39;t see pure colours. They are spectrums that our visual system approximates, which results in our experiencing of the dominant color.]&#xA;[Colour constancy refers to the phenomenon of perceiving various shades of a colour as the same, despite there being subtle differences between them.]&#xA;</description>
  <content:encoded><![CDATA[
  <div class="post">




<div class="content"><blockquote>
<p>[Colour as we perceive it is a form of electromagnetic radiation between 400-790 teraherts. It's lower than infrared, microwaves, and radio; higher than x-rays and ultraviolet.]</p></blockquote>
<blockquote>
<p>[We don't see pure colours. They are spectrums that our visual system approximates, which results in our experiencing of the dominant color.]</p></blockquote>
<blockquote>
<p>[Colour constancy refers to the phenomenon of perceiving various shades of a colour as the same, despite there being subtle differences between them.]</p></blockquote>
<blockquote>
<p>[Human eyes have millions of photoreceptors called cones that can be divided into three sizes and each is more sensitive to a certain spectra: short (blue/violet), medium (green), and large (red/yellow-green))</p></blockquote>
<blockquote>
<p>[Ganglion cells antagonistically combine signals from the cones, which makes red compete with green, and blue compete with yellow.]</p></blockquote>
<blockquote>
<p>[There is no purple as pure and dominant. Ganglion cells perceive red and blue simultaneously.]</p></blockquote>
<blockquote>
<p>[Women rarely have colour blindness because they have two X chromosomes, which is where the genes for cones are located.]</p></blockquote>
<blockquote>
<p>[A dog may have a hard time finding a red ball in green grass because they are naturally are dichromatic, which means that one of the three cone types is nor present. This is common in mammals other than humans.]</p></blockquote>
<blockquote>
<p>[Some hues have wider perceptible ranges of saturation and lightness: the color space is not uniform.]</p></blockquote>
<blockquote>
<p>[Using a Lab color picker can result in more uniform lightness than HSB.]</p></blockquote>
<blockquote>
<p>[In the additive RGB color system used by screens: red and green combine to make yellow, red and blue to make magenta, and blue and green to make cyan.]</p></blockquote>
<blockquote>
<p>[Whereas RGB is an additive process the mixes towards white, CMYK starts with white and subtracts by reflecting light through pigments.)</p></blockquote>
<blockquote>
<p>[Color management between color profiles relies on Lab representation to produce colors that are ultimately not identical but metamerically the same.]</p></blockquote>
</div><small>Part of: <a href="/log/series/david-kadavy-design-for-hackers/">David Kadavy: Design for Hackers</a>.
</small>



<hr>
<span class="metadata" data-pagefind-ignore>

	<small>
		<a aria-label="Permalink for 6:49 pm, December 28, 2020" href="/log/01etnn7mzakq5r0gvg891akwvq/"><time datetime="2020-12-28T18:49:26-03:00" data-pagefind-sort="date[datetime]">18h49</time></a>

		
		<span>from <a href="/log/place/brasilia/">Brasilia</a> / </span>

		<span><a href="/log/country/brazil/">Brazil</a></span><span>, type:<a href="/log/type/book/">book</a></span></small>

</span>

</div>

  ]]></content:encoded>
</item><item>
  <title>Sunday, December 27, 2020 17h20</title>
  <link>https://home.rosano.ca/log/01etjxr1pwyett49d2fz1mscyn/</link>
  <pubDate>Sun, 27 Dec 2020 17:20:29 -0300</pubDate>
  <guid>https://home.rosano.ca/log/01etjxr1pwyett49d2fz1mscyn/</guid>
  <description> [If a shape is repeated enough times at a small enough scale, it becomes texture.]&#xA;[Use direction and organize elements into explicit and implicit lines to guide the eye from one section to the other.]&#xA;[Use contrast not only to differentiate elements: frame and give focus to light elements by surrounding them with darkness.]&#xA;</description>
  <content:encoded><![CDATA[
  <div class="post">




<div class="content"><blockquote>
<p>[If a shape is repeated enough times at a small enough scale, it becomes texture.]</p></blockquote>
<blockquote>
<p>[Use direction and organize elements into explicit and implicit lines to guide the eye from one section to the other.]</p></blockquote>
<blockquote>
<p>[Use contrast not only to differentiate elements: frame and give focus to light elements by surrounding them with darkness.]</p></blockquote>
</div><small>Part of: <a href="/log/series/david-kadavy-design-for-hackers/">David Kadavy: Design for Hackers</a>.
</small>



<hr>
<span class="metadata" data-pagefind-ignore>

	<small>
		<a aria-label="Permalink for 5:20 pm, December 27, 2020" href="/log/01etjxr1pwyett49d2fz1mscyn/"><time datetime="2020-12-27T17:20:29-03:00" data-pagefind-sort="date[datetime]">17h20</time></a>

		
		<span>from <a href="/log/place/brasilia/">Brasilia</a> / </span>

		<span><a href="/log/country/brazil/">Brazil</a></span><span>, type:<a href="/log/type/book/">book</a></span></small>

</span>

</div>

  ]]></content:encoded>
</item><item>
  <title>Thursday, November 19, 2020 09h36</title>
  <link>https://home.rosano.ca/log/01eqg82szecr7mjs27q6920bc2/</link>
  <pubDate>Thu, 19 Nov 2020 09:36:18 -0300</pubDate>
  <guid>https://home.rosano.ca/log/01eqg82szecr7mjs27q6920bc2/</guid>
  <description> [Painters design a course for the eye to move through using lines that are implied in the visual content.]&#xA;[Distinctions between foreground and background can go beyond spatial position and include things like color, level of detail, whitespace.]&#xA;[Think Vitamin uses visual prominence to create a hierarchy for your eye to move through, starting with the title/logo, followed by navigation, then the most recent post, followed by other posts.]&#xA;</description>
  <content:encoded><![CDATA[
  <div class="post">




<div class="content"><blockquote>
<p>[Painters design a course for the eye to move through using lines that are implied in the visual content.]</p></blockquote>
<blockquote>
<p>[Distinctions between foreground and background can go beyond spatial position and include things like color, level of detail, whitespace.]</p></blockquote>
<blockquote>
<p>[Think Vitamin uses visual prominence to create a hierarchy for your eye to move through, starting with the title/logo, followed by navigation, then the most recent post, followed by other posts.]</p></blockquote>
<blockquote>
<p>[Bleeding off the edge makes something appear larger and thus more in the foreground.]</p></blockquote>
<blockquote>
<p>[The most dominant element is like a magnet but also like an anchor that the eye repeatedly returns to while exploring other parts of the composition.]</p></blockquote>
</div><small>Part of: <a href="/log/series/david-kadavy-design-for-hackers/">David Kadavy: Design for Hackers</a>.
</small>



<hr>
<span class="metadata" data-pagefind-ignore>

	<small>
		<a aria-label="Permalink for 9:36 am, November 19, 2020" href="/log/01eqg82szecr7mjs27q6920bc2/"><time datetime="2020-11-19T09:36:18-03:00" data-pagefind-sort="date[datetime]">09h36</time></a>

		
		<span>from <a href="/log/place/brasilia/">Brasilia</a> / </span>

		<span><a href="/log/country/brazil/">Brazil</a></span><span>, type:<a href="/log/type/book/">book</a></span></small>

</span>

</div>

  ]]></content:encoded>
</item><item>
  <title>Wednesday, November 18, 2020 07h20</title>
  <link>https://home.rosano.ca/log/01eqddx4sptbn1z9hj58zrkpmb/</link>
  <pubDate>Wed, 18 Nov 2020 07:20:21 -0300</pubDate>
  <guid>https://home.rosano.ca/log/01eqddx4sptbn1z9hj58zrkpmb/</guid>
  <description> [By creating geometric relationships between canvas and content, you help keep the viewers eye on the composition.]&#xA;</description>
  <content:encoded><![CDATA[
  <div class="post">




<div class="content"><blockquote>
<p>[By creating geometric relationships between canvas and content, you help keep the viewers eye on the composition.]</p></blockquote>
</div><small>Part of: <a href="/log/series/david-kadavy-design-for-hackers/">David Kadavy: Design for Hackers</a>.
</small>



<hr>
<span class="metadata" data-pagefind-ignore>

	<small>
		<a aria-label="Permalink for 7:20 am, November 18, 2020" href="/log/01eqddx4sptbn1z9hj58zrkpmb/"><time datetime="2020-11-18T07:20:21-03:00" data-pagefind-sort="date[datetime]">07h20</time></a>

		
		<span>from <a href="/log/place/brasilia/">Brasilia</a> / </span>

		<span><a href="/log/country/brazil/">Brazil</a></span><span>, type:<a href="/log/type/book/">book</a></span></small>

</span>

</div>

  ]]></content:encoded>
</item><item>
  <title>Friday, November 13, 2020 19h25</title>
  <link>https://home.rosano.ca/log/01eq1vcm6wakzkj5033zntbebg/</link>
  <pubDate>Fri, 13 Nov 2020 19:25:06 -0300</pubDate>
  <guid>https://home.rosano.ca/log/01eq1vcm6wakzkj5033zntbebg/</guid>
  <description> [It took Gutenberg 16 years to perfect the technology for creating printed books.]&#xA;[When selecting a typeface, consider its origin and intentions as well as how the mediums influenced its forms.]&#xA;</description>
  <content:encoded><![CDATA[
  <div class="post">




<div class="content"><blockquote>
<p>[It took Gutenberg 16 years to perfect the technology for creating printed books.]</p></blockquote>
<blockquote>
<p>[When selecting a typeface, consider its origin and intentions as well as how the mediums influenced its forms.]</p></blockquote>
</div><small>Part of: <a href="/log/series/david-kadavy-design-for-hackers/">David Kadavy: Design for Hackers</a>.
</small>



<hr>
<span class="metadata" data-pagefind-ignore>

	<small>
		<a aria-label="Permalink for 7:25 pm, November 13, 2020" href="/log/01eq1vcm6wakzkj5033zntbebg/"><time datetime="2020-11-13T19:25:06-03:00" data-pagefind-sort="date[datetime]">19h25</time></a>

		
		<span>from <a href="/log/place/brasilia/">Brasilia</a> / </span>

		<span><a href="/log/country/brazil/">Brazil</a></span><span>, type:<a href="/log/type/book/">book</a></span></small>

</span>

</div>

  ]]></content:encoded>
</item>



</channel>

</rss>
