Brand Relaunch Explorations
This directory contains design explorations for the Beyond Code brand relaunch. Each version explores different visual approaches while maintaining the core brand identity and content.
The foundational brand strategy document covering mission, voice, visual direction, and product colors. This serves as the reference for all design explorations.
Product colors used across all design explorations:
The original design with custom CSS. Features ambient gradient glows, centered hero layout, and card-based product showcase.
Refined version with improved hero gradients, testimonials section, and enhanced visual hierarchy. Still uses custom CSS.
Full Tailwind CSS conversion maintaining the gradient aesthetic. Flowing gradients across hero and logo sections, Liftoff product addition.
Bold "Neon Pop" exploration with no gradients. Large solid color geometric blocks positioned at section edges create an architectural, edgy feel.
Thin horizontal color bars divide sections, creating visual rhythm. Full-width 4-color strips between sections, colored top bars on cards. Refined and sophisticated.
Fixed vertical color bars on both edges of the viewport frame the entire page. Content elements use left borders to echo the rail concept. Creates a "framed canvas" effect.
| Version | Approach | Feel | Tech |
|---|---|---|---|
| V1-V3 | Ambient Gradients | Soft, modern, glowing | CSS / Tailwind |
| V4 | Geometric Blocks | Bold, edgy, architectural | Tailwind |
| V5 | Accent Strips | Refined, rhythmic, sophisticated | Tailwind |
| V6 | Side Rails | Framed, contained, distinctive | Tailwind |