Table of Contents
Legal
Here are some links to the content's license and to the site's privacy policy. Basically, the text is only very loosely copyrighted. Feel free to quote the website's content—even fairly hearty portions—just remember to credit Thoughtful Inquiry and link back to the page where you found it. Data-wise, I only collect pretty minimal and aggregated anonymous analytics. If you chose to subscribe to my newsletter, I also store your email address through Buttondown. I share nothing with third-parties. There is no targeted tracking.
Design
My goal for the design was to make a functional and aesthetically pleasing website. The user experience was important to me. I wanted something readable, clean, and structured with a tinge of customization. I tried to make it easy to find your bearings and avoid causing overwhelm with visual distractions. Looks-wise, I wanted something that felt warm and exuded a minimum of personality. Lastly, I wanted to avoid burning my readers' retinaWhy do all light themes need to be so fricking white?!.
I initially got inspired by a random complementary palette on Pigment by ShapeFactory. Then again, I've always had a soft spot for orange and blue.
I did my first very basic tests (i.e. colors and fonts) on Figma. However, I iterated on most of the design directly in HTML & CSS.
I use Affinity Designer v2 to conceive the logos and other visual assets.
The fonts used are Sora for paragraphs and Lora for titles and quotes.
Technical Stack
The website is built with Eleventy and hosted on Netlify (which are both great). You can find the source code on Github.
I used eleventy-base-blog and eleventy-excellent as templates for the codebase.
The side notes are based on Tufte CSS and the custom markdown parser is heavily based on 11d.im's code.