Prototype Surfaces
3 static entry pointsLauncher-style entry point with hero, featured carousel, discipline sections, and footer.
Browse view with discipline filters, search affordance, status tags, and tool cards.
Dense Beam Analysis example with inputs, KPIs, diagrams, result table, and explanations.
Design Principles
system behaviorDark first
Near-black surfaces, quiet borders, and restrained elevation keep engineering work in focus.
Traceable results
KPI values, limit states, diagrams, assumptions, and equations live together in the tool surface.
Dense by default
The system favors compact controls and high information density over marketing-page spacing.
Functional color
Orange carries brand and primary action. Cyan, amber, green, purple, and red encode state and discipline.
Token Snapshot
from colors_and_type.cssReference Files
Pages-ready structureShared token source for color, type, spacing, radius, shadows, animation, and layout.
Component and token gallery index for the individual preview cards.
Deployment notes for serving this folder as a static GitHub Pages site.
Complete design-system brief, rules, file map, and usage guidance.