Documentation
A guide to integrating these legacy aesthetics into modern projects.
Quick Integration
Each theme is a standalone CSS file. No dependencies, no frameworks. Simply link
the stylesheet and apply the classes.
<link rel="stylesheet" href="themes/irix.css">
Standardized Classes
All themes target a unified set of HTML patterns for maximum interoperability
across different desktop styles.
.window { /* Main container */ }
.title-bar { /* Header block */ }
.title-bar-text { /* Label */ }
.window-body { /* Content area */ }
Technical Pillars
We prioritize three engineering goals: zero runtime JS for layout, minimal
selector specificity, and cross-browser fidelity.
Digital Archeology
Conceptualizing the history and evolution of user interface design through
functional replicas.
Pixel Perfect
Respecting the grid of the past with modern high-DPI fidelity. Every
border and shadow is tuned to the original OS specs.
Pure Engineering
Zero JavaScript dependencies for styling. High-performance layouts
built with modern CSS Grid, Flexbox, and Variables.
Visionary Reach
Designed to inspire the next generation of designers by showcasing that
"modern" doesn't have to mean "generic."
Historical Context
From the workstation era of CDE and IRIX to the consumer
revolution of Amiga and OS/2, each theme captures a specific moment in human-computer
interaction history.
