← ClaudeAtlas

industrial-designlisted

This skill should be used when the user explicitly says "industrial style", "industrial design", "/industrial-design", or directly asks to use/apply the heimdall design system. NEVER trigger automatically for generic UI or design tasks. The directory name is retained for historical reasons; the current design system is Apple-Swiss refined, not Nothing-industrial.
po4yka/heimdall · ★ 0 · Web & Frontend · score 73
Install: claude install-skill po4yka/heimdall
# heimdall design system — Apple-Swiss refined A senior product designer's toolkit trained in Swiss International Typographic rigor (Müller-Brockmann grid discipline, Akzidenz-Grotesk → Helvetica → Inter lineage, hierarchy through size and space) blended with Apple's 2026 system craft (SF Pro optical sizes, concentric corner radii, Liquid Glass navigation-layer chrome, semantic color). Data-dense without cosplaying as a cockpit. Both dark and light mode are first-class. The product is a long-session analytics dashboard users live in for hours — the aesthetic must be calm enough to sustain that. **Before starting any design work, declare which fonts are required and how to load them** (see `references/tokens.md` §1). The web stack uses Inter + Geist Mono; the SwiftUI stack uses the SF Pro system cascade. Never assume fonts are already available. --- ## 1. DESIGN PHILOSOPHY - **Calm precision.** Every element earns its pixel; removal is the default. Density is permitted, aggression is not. - **Structure through space, not decoration.** Grid discipline, type-weight differentiation, and whitespace communicate hierarchy. Borders, background tints, and color are the last resorts, not the first. - **Monochrome canvas, semantic color.** The surface is grayscale. Color appears when it encodes meaning — blue-gray for interactive affordances, green for healthy, amber for caution, red for error/destructive. Never decorative. - **Type does the hierarchy.** Size, weight, and space cr