Macroscope Visual Language Specification
Abstract
This specification establishes a portable visual language for Macroscope Next Generation (MNG) interfaces, derived from analysis of production CSS on saltverk.com — an Icelandic artisan salt producer whose e-commerce site demonstrates unusual design coherence atop a standard Shopify Dawn theme. The analysis identifies transferable principles that pull interface design away from generic SaaS conventions and toward the visual register of field notebooks and scientific instruments. The specification defines an organizing principle (“the field instrument aesthetic”), a typography system built on a single family in four weights, a two-temperature color palette tied to Pacific Northwest ecology, a hairline-over-shadow border vocabulary, a custom SVG iconography requirement, interactive element treatments drawn to read as small mechanical objects, and two candidate signature visual devices (topographic ambient layer, editorial plate treatment). Implementation tokens are provided as a CSS custom property block suitable for direct adoption across PHP-based Macroscope sites, React applications, and static HTML. Application guidance maps the visual language onto the four Macroscope domains (EARTH, LIFE, HOME, SELF) and the STRATA integrative layer. The specification is platform-agnostic and expressible in any frontend stack currently deployed on Canemah Nature Laboratory infrastructure. This document is released as v0.1 for evaluation against prototype implementations and is expected to iterate before reaching v1.0 release status.
-----
Access
AI Collaboration Disclosure
This specification was developed with assistance from Claude (Anthropic, Claude Opus 4.6). The AI contributed to analysis of production CSS from the reference source, extraction and articulation of transferable design principles, composition of the recommendation palette and token structure, and manuscript drafting. The author takes full responsibility for the content, accuracy, and conclusions.
Human review: fullCite This Document
BibTeX
Permanent URL: https://canemah.org/archive/document.php?id=CNL-SP-2026-051