Ideas that
compose & compound
Create visual content blocks with AI. Refine them over time. Compose them into presentations, pages, and videos.
One isotype. Infinite compositions. Living content that improves.
Content that composes like code
An isotype is a React component representing a single concept or unit of wisdom—designed for maximum signal, minimum noise. Create once with AI, refine over time, compose into any format.
Composable
Atomic or composite. An isotype can stand alone or contain other isotypes. Build up complexity from simple, reusable units.
Refinable
Living content. Edit one isotype and every story using it inherits the improvement. Your knowledge base gets better over time.
Multi-output
Same content, different forms. Render as slideshow, scroll page, or video. One source of truth, infinite presentations.
AI-native
Describe what you want in natural language. AI generates production-ready React components. Iterate through conversation.
Etymology
Named after Otto Neurath's 1920s ISOTYPE system (International System of Typographic Picture Education)—the same philosophy of distilling complex information into glanceable visual units, but using React components instead of hand-drawn pictograms.
Est. 1925
Vienna Method
Why this wasn't possible before
Four technologies had to mature simultaneously. The window opened approximately 6 months ago when AI became reliably good at React.
2013+
React
Component-based UI became the dominant paradigm. Composability by design.
2020+
shadcn/ui mindset
Copy-paste components normalized. Not npm packages, not templates—just code that's yours.
2022+
File-based CMS
Content as code. Git-versioned. Type-safe. No database required.
2024+
AI that writes React
Claude and GPT reliably generate production components from natural language.
The Historical Arc
1995–2005
Personal Web
Geocities, blogs. Hard to create, but you owned it.
2005–2024
Social Media
Easy to post, but you rent the audience.
2025+
Isotype Era
Easy to create and you own it.
"The technology finally caught up to the vision. Personal websites are as easy as social media posts—but you own everything."
Built on three pillars
Not incremental improvements. Categorical differences from traditional content.
Information Compression
Maximum signal, zero noise
Every isotype must earn its existence by conveying maximum meaning in minimum space. This isn't minimalism for aesthetics—it's efficiency for communication.
"High-bandwidth communication. Dense with meaning, stripped of noise."
- Word economy (fortune cookie density)
- Visual hierarchy guides attention
- Memetic efficiency (ideas that stick)
- Token-efficient for AI consumption
True Composability
npm for content
Content has never been truly composable before. Blog posts are monolithic. Social media posts are isolated. Isotypes compose like software components.
"The benefits compound. First isotype: value = 1. Network of isotypes: value = n²."
- Create once, use in multiple stories
- Edit one isotype, all stories improve
- Import others' isotypes into yours
- Atomic or composite—your choice
Own Your Ideas
Your site, your content, your rules
No algorithms deciding reach. No platform taking a cut. No risk of deplatforming. Your isotypes live on your domain, controlled by you.
"The escape from enshittification. Build a library, not feed an algorithm."
- Personal sites, not platforms
- Direct relationship with audience
- Export everything anytime
- No walled gardens
Traditional blog post: text-only, static, monolithic, one format.
Isotype story: visual by default, living, composable, multi-format.
From idea to published in minutes
No design skills required. No coding knowledge needed. Just describe what you want to communicate.
Describe
Tell the AI what you want to create. A diagram, a visual explanation, an interactive concept. Natural language, no code required.
Generate
AI creates a production-ready React component. Iterate through conversation until it's exactly right.
Compose
Combine isotypes into stories. Arrange, reorder, mix and match. Build narratives from your visual building blocks.
Share
Publish to your personal site. Present as slideshow, scroll page, or export to video. Your content, your domain.
Frequently asked
Everything you need to know about Isotype.
Ideas that stick.
Content that compounds.
Stop writing ephemeral content that disappears into feeds. Build a library of visual ideas that grows more valuable over time.
Visual
Not text-only
Composable
Not monolithic
Owned
Not rented
Free during early access. No credit card required.