A minimalist, interactive gallery of Ron Cobb's iconic "Semiotic Standard" symbols -- the standardized spacecraft iconography originally designed in 1978 for the science fiction film Alien (1979).

• About the Semiotic Standard
• Features
• Symbols
• History and Cultural Impact
• Installation
• Technical Details
• Contributing
• License
• Acknowledgments

The "Semiotic Standard For All Commercial Trans-Stellar Utility Lifter And Heavy Element Transport Spacecraft" is a comprehensive set of 30 standardized symbols designed by Ron Cobb in 1978. These symbols were created to provide a realistic, functional visual language for spacecraft interiors, representing various systems, hazards, and areas that would be found on commercial space vessels.

This site serves as an educational and historical preservation resource, presenting all 34 symbols (30 base symbols plus 4 directional and type variants) in a museum-like interactive gallery.

• Interactive Symbol Gallery -- Hover over any symbol to see its name displayed in a centered overlay label
• Adaptive Grid Layout -- Viewport-aware algorithm dynamically calculates optimal columns and rows based on screen aspect ratio
• High-Quality SVG Graphics -- Crisp vector symbols that render perfectly at any resolution
• Fully Responsive -- 5 breakpoints covering mobile, tablet, desktop, ultrawide, and landscape orientations
• Zero Dependencies -- Pure HTML, CSS, and vanilla JavaScript with no frameworks, libraries, or build tools
• Minimal Design -- Black background, monospace typography, no distractions from the symbols themselves

The gallery displays 34 symbols across these categories:

Pressurised Area, Pressurised with Artificial Gravity, Artificial Gravity Absent, Airlock, Bulkhead Door, Non-Pressurised Area Beyond, Artificial Gravity Area Non-Pressurised Suit Required

Pressure Suit Locker, Hazard Warning, No Pressure Gravity Suit Required, Radiation Hazard, High Radioactivity

Photonic System (Fibre Optics), Laser, Astronic System (Electronics), Exhaust, Area Shielded from Radiation

Cryogenic Vault, Refrigeration, Life Support System, Galley, Coffee, Autodoc

Direction (Up, Down, Right, Left), Bridge, Intercom, Computer Terminal

Maintenance, Ladderway, Storage Non-Organic, Storage Organic (Foodstuffs)

Ron Cobb developed the Semiotic Standard in 1978, predating its most famous appearance in Ridley Scott's 1979 film Alien. The symbols were designed with the future date of April 16, 2078, creating a sense of historical authenticity and forward-thinking design.

Cobb's approach was revolutionary for its time:

• Functional Realism: Each symbol was designed to be immediately recognizable and universally understood
• Systematic Approach: The symbols work together as a cohesive visual language
• Future-Forward Thinking: Designed for a future where space travel is commercial and routine
• Human-Centered Design: Prioritizing crew safety and operational efficiency

The Semiotic Standard has had a lasting impact on science fiction design, user interface design, visual communication standards, and popular culture -- becoming instantly recognizable symbols of space exploration.

This is a static website. No build step, no dependencies, no configuration.

Upload all files to any static hosting service -- GitHub Pages, Netlify, Vercel, Cloudflare Pages, or any web server. No environment variables or build process required.

• HTML5 -- Single-page, 109 lines
• CSS3 -- 30 lines, responsive grid with 5 breakpoints
• Vanilla JavaScript -- 64 lines, dynamic grid algorithm with debounced resize
• SVG -- 35 vector image files

The JavaScript calculates optimal grid dimensions based on viewport aspect ratio:

• Landscape (aspect ratio > 1.5): Favors more columns
• Portrait (aspect ratio < 0.8): Favors more rows
• Balanced: Square root distribution

Symbol sizes are clamped between 60px and 200px. The grid recalculates on window resize with a 100ms debounce.

On mouseenter, the data-symbol attribute (e.g., 001.PRESSURISED.AREA) is parsed -- the numeric prefix is stripped, dots become spaces, and the formatted name is displayed in a fixed centered overlay that fades in/out with CSS transitions.

All modern browsers -- Chrome, Firefox, Safari, Edge (desktop and mobile).

Contributions are welcome. Please respect the educational and historical preservation nature of this project.

1. Fork the repository
2. Create a feature branch (git checkout -b feature/improvement)
3. Commit your changes (git commit -am 'Add new feature')
4. Push to the branch (git push origin feature/improvement)
5. Open a Pull Request

MIT License -- see the LICENSE file for details.

The Semiotic Standard symbols themselves are the intellectual property of Ron Cobb and are used here for educational and historical preservation purposes.

• Ron Cobb (1937-2020) -- Creator of the Semiotic Standard
• Ridley Scott -- Director of Alien (1979)
• @louh -- semiotic-standard vector symbols
• H.R. Giger, Dan O'Bannon, and the Alien production team

• Ron Cobb's Official Website
• Alien (1979) on IMDb

A tribute to Ron Cobb's visionary work and the lasting impact of the Semiotic Standard on science fiction design and visual communication.