First Log Entry - Design Language Update
Updated the Heartbred Design Language document with refined color usage and component strategy.
LOG ENTRY: 2024-07-16 14:30:00 UTC
Updated the hb-design-language.md document. Key changes:
- Color Palette Refinement: Clarified the role of red as the primary accent, especially for interactive elements and technical effects (glitches). Cyan/blue tones are strictly secondary technical accents. Emphasized strategic contrast between warm charcoal environments and red accents.
- Layout Component System: Added more detail on the semantic roles of
nav,subheader,section--dark,section--light,section--red, andfooter. Included visual rhythm explanation. - Implementation Approach: Explicitly stated preference for direct HTML with utility classes for layout, reserving components for small UI elements or truly repeatable patterns. Provided updated code examples for dark and light sections, including the
LightTerminalSectionandLightTerminalWindowcomponents. - Light Terminal Variants: Documented the new light terminal variants (Light, Paper, Primary) to offer alternatives while maintaining the core aesthetic.
- Interaction & Animation: Refined guidelines for microinteractions (command execution, state changes, hover) and animation principles, emphasizing technical authenticity and performance. Red-toned effects are prioritized for glitches and system events.
Rationale:
The goal was to provide clearer guidance on implementing the design language consistently, especially regarding color hierarchy and the pragmatic use of components versus direct HTML/Tailwind. The addition of light terminal variants addresses the need for flexibility in different content contexts without abandoning the core terminal theme.
Documentation updated. Commit pushed.