The RedBlue Portal is designed as a dynamic, modern application rather than a traditional website. Its interface, navigation model, and update system are built to feel fast, intuitive, and app‑like. This page provides a clear, structured overview of the four core tutorial videos produced by 4trees Media, each explaining a key part of the Portal experience.
Attention: YouTube often defaults to 720p playback. For the best viewing experience, please increase your resolution by clicking the small cog wheel in the bottom‑right corner of the video player and selecting 2160p (4K) before watching.
1. Light and Dark Themes
The Portal supports dynamic light and dark themes powered by its modern Framer build. This allows the site to instantly convert to a second version with different font colors, button layouts, and more, providing a tailored experience for different environments and preferences.
What this video covers
How to switch between light and dark themes
Mobile switching and where the icon is located
Quick view of both themes
Key Takeaways
Theme switching is instant and seamless
Your preference is remembered across sessions
Both themes are optimized for clarity and accessibility
Themes can help in different environments and light levels
2. Menus Navigation
The RedBlue Portal features a unique, dynamic menu system designed to provide quick access to important files and information, unlike traditional websites that typically have one or two menus. This site incorporates multiple menus positioned above, on the sides, and below on certain pages to enhance navigation efficiency.
What this video covers
How to navigate the side vertical scrolling menu
Using the right side index menu for quick reference
Understanding the header menu and its role
Exploring the footer menu and its navigation features
Tips for navigating the RedBlue Portal effectively
Key Takeaways
Multiple menus provide fast, intuitive access to content
The side vertical scrolling menu offers detailed navigation
The right side index menu helps locate specific sections quickly
Header and footer menus provide consistent navigation and contact points
This dynamic system supports a fluid, app-like user experience
3. Page Navigation
Page navigation in the Portal is designed to feel like moving through a well‑organized application rather than clicking through a website.
What this video covers
Navigating between pages using the top bar and internal links
Understanding breadcrumbs and contextual navigation
How the Portal loads content dynamically for faster performance
Key Takeaways
Navigation is smooth and app‑like
Pages load dynamically without full refreshes
The layout is consistent across all sections for ease of use
High level pages have additional password protection
4. Portal Updates
To request updates to the Portal, users must contact 4trees Media by emailing info@4treesmedia.com. All updates require proofing and approval by the designated RedBlue contact before going live.
What this video covers
How to contact 4trees Media for updates
A brief overview of the backend architecture of this comprehensive, beast of a Framer site/app built for RedBlue
Key Takeaways
Updates are managed through a formal approval process
Communication with 4trees Media is essential for timely updates
The Portal backend is robust and designed for scalability and performanceys
Navigation is smooth and app‑like
Pages load dynamically without full refreshes
The layout is consistent across all sections for ease of use