Learn system design the visual way

Complex systems,
simply beautiful.

An original, animated course on system design. From your first load balancer to acing the interview — every concept illustrated, every trade-off explained, zero jargon walls.

12
Topics
80+
Concepts
40+
Animations
100%
Free & Offline

The Curriculum

Twelve carefully sequenced topics. Start at the top, or jump to what you need — your progress is saved automatically.

01

Fundamentals of Scale

Vertical vs horizontal scaling, latency vs throughput, the "nines" of availability, and back-of-envelope math.

Beginner25 min
02

CAP Theorem

Consistency, Availability, Partition tolerance — why you can only pick two, and what PACELC adds to the story.

Beginner20 min
03

Consistency & Availability Patterns

Weak, eventual, and strong consistency. Failover and replication. Why two 99.9% services in series give you 99.8%.

Intermediate30 min
04

DNS & CDN

How the internet's phone book works step by step, and how CDNs move bytes closer to your users.

Beginner25 min
05

Load Balancers & Reverse Proxies

L4 vs L7, algorithms, health checks, sticky sessions, and the subtle difference between an LB and a reverse proxy.

Intermediate30 min
06

Caching Strategies

Cache-aside, write-through, write-behind, eviction policies, Redis data structures, and the three classic cache disasters.

Intermediate35 min
07

Databases Deep Dive

ACID vs BASE, replication, federation, sharding, denormalization, four NoSQL families, and how to choose.

Advanced45 min
08

Async Processing & Messaging

Message queues, delivery guarantees, Kafka's streaming model, task queues, and surviving back pressure.

Intermediate30 min
09

Communication Protocols

HTTP/1.1 through HTTP/3, TCP vs UDP, REST vs gRPC, WebSockets vs SSE vs long polling.

Intermediate30 min
10

Microservices Architecture

Monolith vs microservices, service discovery, API gateways, circuit breakers, service meshes, sagas.

Advanced40 min
11

Security Essentials

TLS, password hashing, sessions vs JWTs, OAuth 2.0, rate limiting, OWASP Top 10, and securing your APIs.

Intermediate35 min
12

System Design Interview Guide

A five-step framework plus three fully worked examples: a URL shortener, the Twitter timeline, and a rate limiter.

All levels50 min

Why this course?

Most system design resources are either too theoretical or too shallow. This course goes deep on every concept with animated diagrams, real company examples, and interview-ready explanations — all in plain HTML with zero dependencies.

  • Original writing, zero copy-pasteEvery explanation written fresh, with analogies that actually stick.
  • Animated diagrams everywhereWatch data replicate, queues drain, and handshakes happen in pure CSS and SVG.
  • Trade-offs, not dogmaNo right answers — only trade-offs. We name them explicitly every time.
  • Real-world receiptsWhich companies use which patterns — Netflix, Discord, Stripe, and more.
  • Works offline, no frameworksVanilla HTML, CSS, JS. Save it, fork it, read it on a plane.
while(alive){ learn(); }

"Distributed systems are just friendships
with extra failure modes." — Archie