---
title: "My posts on design."
url: "https://sarthakmishra.com/blog/tag/design"
description: "In-depth articles and insights about design, dev, growth, journal: hands-on build guides, essays and opinions, and the latest technology trends."
image: "https://sarthakmishra.com/sarthak-og-image.webp"
---

[View HTML](https://sarthakmishra.com/blog/tag/design) · [Site index](https://sarthakmishra.com/llms.txt)

# My posts on design.

I write about anything and everything that interests me.

[design](https://sarthakmishra.com/blog)[dev](https://sarthakmishra.com/blog/tag/dev)[growth](https://sarthakmishra.com/blog/tag/growth)[journal](https://sarthakmishra.com/blog/tag/journal)

[![Hands guide three sequential interface cards from image selection to a completed checkmark.](https://sarthakmishra.com/assets/how-startups-designed-their-mvps-hero-BqVRm4If.jpeg)](https://sarthakmishra.com/blog/how-startups-designed-their-mvps)

[Nov 03 2026](https://sarthakmishra.com/blog/how-startups-designed-their-mvps)

## [How Dropbox, DoorDash, Airbnb and Stripe designed their MVPs](https://sarthakmishra.com/blog/how-startups-designed-their-mvps)

[Early UI and founder stories from Dropbox, DoorDash, Airbnb, Stripe, Zapier, and Product Hunt. What to design first, reuse, and leave for later.](https://sarthakmishra.com/blog/how-startups-designed-their-mvps)

[![Gold coins and a clock spiral into a deep blue vortex.](https://sarthakmishra.com/assets/scoping-a-saas-project-hero-CJ2n9BSM.jpeg)](https://sarthakmishra.com/blog/scoping-a-saas-project)

[Oct 31 2026](https://sarthakmishra.com/blog/scoping-a-saas-project)

## [How to scope a SaaS project you can afford to finish](https://sarthakmishra.com/blog/scoping-a-saas-project)

[How I approach SaaS scope and pricing as a former agency owner and current freelancer, and what to ask when budgeting for design and development.](https://sarthakmishra.com/blog/scoping-a-saas-project)

[![Illustration of a woman arranging portrait photographs on a green table, surrounded by plants and paper.](https://sarthakmishra.com/assets/hiring-a-freelance-designer-hero-DLgj3U9y.jpeg)](https://sarthakmishra.com/blog/hiring-a-freelance-designer)

[Oct 22 2026](https://sarthakmishra.com/blog/hiring-a-freelance-designer)

## [How to hire a freelance designer who can deliver](https://sarthakmishra.com/blog/hiring-a-freelance-designer)

[A founder’s guide to hiring a freelance designer: check real contributions, constraints, working fit, and delivery before committing to the work.](https://sarthakmishra.com/blog/hiring-a-freelance-designer)

[![Seven colorful app icons float over a pastel sunset and ocean, including home, coffee, book, paper plane, binoculars, and sun.](https://sarthakmishra.com/assets/building-animated-nav-icons-hero-Ca3xkLHy.jpeg)](https://sarthakmishra.com/blog/building-animated-nav-icons)

[Oct 15 2026](https://sarthakmishra.com/blog/building-animated-nav-icons)

## [How to generate animated icons with TypeScript](https://sarthakmishra.com/blog/building-animated-nav-icons)

[How I replaced my Lordicon nav icons with seven animated sprite icons drawn in TypeScript, rendered with sharp, and played on a canvas.](https://sarthakmishra.com/blog/building-animated-nav-icons)

[![Pixel-art blue orb floats above a reflective lake beneath a starry, moonlit sky, with cursor.](https://sarthakmishra.com/assets/building-interactive-svg-avatar-hero-BFowlMS5.jpeg)](https://sarthakmishra.com/blog/building-interactive-svg-avatar)

[Oct 13 2026](https://sarthakmishra.com/blog/building-interactive-svg-avatar)

## [How to build an interactive Grok Bot-like avatar](https://sarthakmishra.com/blog/building-interactive-svg-avatar)

[Build a Grok Bot-like avatar with SVG, Astro, and React. Add cursor tracking, expressive eyes, protective winks, and natural idle animations.](https://sarthakmishra.com/blog/building-interactive-svg-avatar)

[![Framed mosaic-style painting of a coastal village beneath a warm sunset, with a cursor visible.](https://sarthakmishra.com/assets/building-pixelation-hover-effect-3jCZ88Ru.jpeg)](https://sarthakmishra.com/blog/building-pixelation-hover-effect)

[Jan 09 2026](https://sarthakmishra.com/blog/building-pixelation-hover-effect)

## [Building a Smooth Pixelation Reveal Effect with Canvas](https://sarthakmishra.com/blog/building-pixelation-hover-effect)

[How I built a high-performance, interactive pixelation effect for image transitions using HTML5 Canvas and custom easing interactions.](https://sarthakmishra.com/blog/building-pixelation-hover-effect)

[![A vintage film reel unspools frames of blue pixel ghosts against a starry purple-orange background.](https://sarthakmishra.com/assets/building-animated-sprite-hero-iilHBQcH.jpeg)](https://sarthakmishra.com/blog/building-animated-sprite-hero)

[Jan 07 2026](https://sarthakmishra.com/blog/building-animated-sprite-hero)

## [How to generate animated pixel art with AI and Python](https://sarthakmishra.com/blog/building-animated-sprite-hero)

[How I built a pixel-perfect animated hero section using Midjourney, a custom Python processing pipeline, and Astro View Transitions.](https://sarthakmishra.com/blog/building-animated-sprite-hero)

[![HTML code on a dark screen points toward a hand cursor and bright blue interface.](https://sarthakmishra.com/assets/building-perfect-toc-component-zfRzv2OF.jpeg)](https://sarthakmishra.com/blog/building-perfect-toc-component)

[Aug 04 2025](https://sarthakmishra.com/blog/building-perfect-toc-component)

## [Why I spent weeks perfecting a TOC component](https://sarthakmishra.com/blog/building-perfect-toc-component)

[A deep dive into building a Table of Contents component with sophisticated visual debugging and pixel-perfect active state detection.](https://sarthakmishra.com/blog/building-perfect-toc-component)

## Subscribe to my newsletter

You'll get two emails initially: a confirmation link to verify your subscription, followed by a welcome message. Thanks for joining!

You can read all of my [previous issues here](https://sarthakmishra.com/newsletter)

## Structured data

```json
{
  "@context": "https://schema.org",
  "@graph": [
    {
      "@type": "WebSite",
      "@id": "https://sarthakmishra.com/#website",
      "url": "https://sarthakmishra.com/",
      "name": "Sarthak Mishra",
      "publisher": {
        "@id": "https://sarthakmishra.com/#person"
      },
      "inLanguage": "en"
    },
    {
      "@type": "Person",
      "@id": "https://sarthakmishra.com/#person",
      "name": "Sarthak Mishra",
      "url": "https://sarthakmishra.com/about",
      "jobTitle": "Design Engineer",
      "image": "https://sarthakmishra.com/og-images/sarthak-mishra.webp",
      "sameAs": [
        "https://github.com/SarthakMishra",
        "https://www.linkedin.com/in/itssarthakmishra/",
        "https://x.com/MishraMishry"
      ]
    },
    {
      "@type": "CollectionPage",
      "@id": "https://sarthakmishra.com/blog/tag/design#webpage",
      "url": "https://sarthakmishra.com/blog/tag/design",
      "name": "Blog posts on Design by Sarthak Mishra",
      "description": "In-depth articles and insights about design, dev, growth, journal: hands-on build guides, essays and opinions, and the latest technology trends.",
      "inLanguage": "en",
      "isPartOf": {
        "@id": "https://sarthakmishra.com/#website"
      },
      "mainEntity": {
        "@id": "https://sarthakmishra.com/blog/tag/design#items"
      }
    },
    {
      "@type": "ItemList",
      "@id": "https://sarthakmishra.com/blog/tag/design#items",
      "itemListElement": [
        {
          "@type": "ListItem",
          "position": 1,
          "name": "How Dropbox, DoorDash, Airbnb and Stripe designed their MVPs",
          "url": "https://sarthakmishra.com/blog/how-startups-designed-their-mvps"
        },
        {
          "@type": "ListItem",
          "position": 2,
          "name": "How to scope a SaaS project you can afford to finish",
          "url": "https://sarthakmishra.com/blog/scoping-a-saas-project"
        },
        {
          "@type": "ListItem",
          "position": 3,
          "name": "How to hire a freelance designer who can deliver",
          "url": "https://sarthakmishra.com/blog/hiring-a-freelance-designer"
        },
        {
          "@type": "ListItem",
          "position": 4,
          "name": "How to generate animated icons with TypeScript",
          "url": "https://sarthakmishra.com/blog/building-animated-nav-icons"
        },
        {
          "@type": "ListItem",
          "position": 5,
          "name": "How to build an interactive Grok Bot-like avatar",
          "url": "https://sarthakmishra.com/blog/building-interactive-svg-avatar"
        },
        {
          "@type": "ListItem",
          "position": 6,
          "name": "Building a Smooth Pixelation Reveal Effect with Canvas",
          "url": "https://sarthakmishra.com/blog/building-pixelation-hover-effect"
        },
        {
          "@type": "ListItem",
          "position": 7,
          "name": "How to generate animated pixel art with AI and Python",
          "url": "https://sarthakmishra.com/blog/building-animated-sprite-hero"
        },
        {
          "@type": "ListItem",
          "position": 8,
          "name": "Why I spent weeks perfecting a TOC component",
          "url": "https://sarthakmishra.com/blog/building-perfect-toc-component"
        }
      ]
    }
  ]
}
```