> For the complete documentation index, see [llms.txt](https://the-white-web.gitbook.io/thewhiteweb/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://the-white-web.gitbook.io/thewhiteweb/features/brand-guides.md). # Brand guides ## The Official Brand Guidelines (v. 1.2) ### Branding and Design Standards for The White Web **Last Updated**: March 17, 2025\ **Prepared by**: TRU3 Solutions and Audax Nitor Inc.\ **Version**: 1.2\ **Purpose**: To provide a comprehensive framework for the consistent representation of *The White Web* across all digital and marketing platforms, ensuring alignment with its mission to redefine digital trust through decentralization, truth validation, and quantum-resistant security. *** #### 1. Core Brand Identity *The White Web* is a pioneering decentralized trust standard, originating in Canada through a collaboration between TRU3 Solutions and Audax Nitor Inc. It addresses the escalating global trust crisis—marked by 1,804 data breaches in 2023 and $8.8 billion in U.S. fraud (Identity Theft Resource Center, 2023; FTC, 2023)—with the innovative TRU3 Protocol, featuring Proof-of-Truth (PoT) and post-quantum encryption (PQE). The X2X model enables universal connectivity, empowering secure interactions across businesses, governments, and individuals. The brand embodies trust, innovation, and global cooperation, with a Pre-Alpha launch scheduled for July 1, 2025, engaging 100 pioneers in Canada and the USA. * **Mission**: To restore and redefine digital trust by decentralizing control, validating truth, and securing data against quantum threats. * **Vision**: To establish *The White Web* as the global trust standard by 2030, fostering inclusive and resilient digital ecosystems worldwide. * **Tone**: Professional, forward-thinking, and community-centric, emphasizing empowerment, collaboration, and technological advancement. *** #### 2. Visual Identity **2.1 Logo** * **Primary Logo**: The "WW" logo, designed in Inter Bold, symbolizes *The White Web*’s initials. The SVG must include padding around the shape to prevent cutoff during animations and should feature a black fill (#000000) to allow the metallic effect to shine through. * **Color and Animation**: The "WW" logo uses a chrome liquid effect with a gradient from #C0C0C0 (silver) to #E6E6E6 (light silver), animated via the MetallicPaint component (params: edge: 2, patternBlur: 0.005, patternScale: 2, refraction: 0.015, speed: 0.3, liquid: 0.07). This animation applies exclusively to the logo in the header and footer of thewhiteweb.com. * **Usage**: The logo must be prominently displayed in the header (top-left or centered) and footer (centered) of all digital assets. It must not be recolored, resized disproportionately, or altered in any way that distorts its form. **2.2 Color Palette** * **Primary Background**: Black (#000000) – the foundational color for all platforms, providing a sleek, modern aesthetic. * **Headings and Accents**: Trust-blue (#00CED1) – used for headings, section titles, and key accents to signify trust and clarity. * **CTAs and Highlights**: Gold (#FFD700) – used for call-to-action buttons (e.g., "Join Pre-Alpha," "Learn More") and links to denote value and action. Lighter gold (#FFDF80) is used for subtle highlights (e.g., underlines, hover effects) to enhance interactivity. * **Chrome Liquid Accents**: Gradient from #C0C0C0 to #E6E6E6 – reserved exclusively for the "WW" logo animation, creating a metallic, dynamic effect. * **Text**: White (#FFFFFF) – used for body text and captions to ensure maximum readability against the black background. * **Contrast Check**: All colors meet WCAG 2.1 AA contrast ratios (e.g., white text on black: 21:1, gold #FFD700 on black: 4.5:1). **2.3 Typography** * **Primary Font**: Inter * **Headings**: Inter Bold – applied to all headings (H1: 24px, H2: 20px, H3: 18px), section titles, and emphasized text (e.g., "The White Web" in introductions). * **Body Text**: Inter Regular – used for body content (16px), captions, and descriptions. * **Links/Captions**: Inter Regular – used for links and footnotes (14px). * **Line Spacing**: 1.5x for body text, 1.2x for headings to ensure readability and aesthetic balance. * **Usage**: Inter must be the default font across thewhiteweb.com, GitBook, social media graphics, and all marketing materials. Fallback fonts (e.g., Arial, Helvetica) are permitted only if Inter fails to load. **2.4 Background and Visual Effects** * **Background**: A solid black background (#000000) is mandatory for all pages. A subtle swirling liquid background effect, blending trust-blue (#00CED1) and gold (#FFD700) tones, may be used across sections (e.g., thewhiteweb.com homepage) to add depth, ensuring it does not overshadow content. * **Borders**: Use gold (#FFD700) for decorative elements, such as the footer’s border-top (1px solid #FFD700) on thewhiteweb.com. * **Animations**: Limit animations to the "WW" logo’s chrome effect. Avoid excessive motion to maintain accessibility (e.g., provide an option to disable animations for users with motion sensitivities). *** #### 3. Digital Platforms **3.1 Website (thewhiteweb.com)** * **Structure**: Includes pages: Home, About, Technology, Applications, and Get Involved. A navigation menu in the header links to all pages. * **Header**: * Features the "WW" logo with chrome animation (top-left or centered). * Navigation menu (right-aligned) with links in Inter Regular, white (#FFFFFF), and a lighter gold (#FFDF80) hover effect. * **Footer**: * Contains the "WW" logo with chrome animation (centered). * Includes links to "White Paper" (linking to thewhiteweb.org), "@TheWhiteWebOrg," and "Support," styled in gold (#FFD700) with a #FFDF80 hover effect. * Features a 1px solid #FFD700 border-top. * **Content Styling**: * Headings in trust-blue (#00CED1), Inter Bold. * Body text in white (#FFFFFF), Inter Regular. * CTAs (e.g., "Join Pre-Alpha") in gold (#FFD700) with a #FFDF80 hover effect. * Subtle highlights (e.g., underlines for "Why Us") in lighter gold (#FFDF80). * **Interactive Elements**: The "The Road Ahead" section features an interactive timeline (e.g., TimelineJS) with trust-blue (#00CED1) markers and gold (#FFD700) text, detailing milestones from July 2025 to 2030. **3.2 GitBook (**[**https://the-white-web.gitbook.io/thewhiteweb**](https://the-white-web.gitbook.io/thewhiteweb)**)** * **Styling**: Use a black background (#000000) if customizable. Apply trust-blue (#00CED1) for headings in Inter Bold, white (#FFFFFF) for body text in Inter Regular, and gold (#FFD700) for links and CTAs with a #FFDF80 hover effect. * **Links**: Ensure external links (e.g., Linktree, thewhiteweb.org) are clickable and styled in gold (#FFD700). * **Navigation**: Mirror the website’s structure (Overview, About, Technology, Applications, Get Involved) in the sidebar. **3.3 Social Media and Marketing** * **Profile Images**: Use the "WW" logo with chrome animation as the profile image for Twitter (@TheWhiteWebOrg) and Discord. * **Post Styling**: Use a black background (#000000), trust-blue (#00CED1) for headings, white (#FFFFFF) for body text, and gold (#FFD700) for CTAs. Incorporate the swirling liquid effect sparingly in promotional graphics (e.g., Pre-Alpha announcements). * **Hashtags**: Promote #TheWhiteWeb, #TRU3Protocol, and #PreAlpha2025. *** #### 4. Content Guidelines * **Voice**: Maintain a professional yet approachable tone. Highlight *The White Web*’s solutions to the trust crisis (e.g., "1,804 breaches in 2023") and its innovative features (e.g., "post-quantum encryption"). * **Key Terms**: * Italicize "The White Web" in introductions or emphasized contexts (styled in gold #FFD700). * Use "TRU3 Protocol," "Proof-of-Truth (PoT)," and "X2X model" consistently with trust-blue (#00CED1) for first mentions. * **CTAs**: Encourage engagement with phrases like "Join Pre-Alpha," "Learn More," or "Get Involved," styled in gold (#FFD700). * **Data Usage**: Cite credible sources (e.g., Identity Theft Resource Center, 2023) when referencing statistics, formatted in white (#FFFFFF) with a gold (#FFD700) hyperlink to the source. *** #### 5. Usage Examples * **Website CTA**: The "Join Pre-Alpha" button on thewhiteweb.com should be gold (#FFD700), 16px Inter Regular, with a #FFDF80 hover effect, on a black background. * **GitBook Link**: The Linktree URL in the GitBook should be gold (#FFD700), 14px Inter Regular, with a #FFDF80 hover effect, clickable. * **Social Post**: A Twitter post for the Pre-Alpha should use a black background, trust-blue (#00CED1) heading ("Pre-Alpha Launches July 1, 2025"), white body text, and a gold (#FFD700) CTA ("Join Now"). * **Email Signature**: Include the "WW" logo (static, black fill), name, title, and "Follow us: " in gold (#FFD700). *** #### 6. Accessibility and Performance * **Accessibility**: Ensure all colors meet WCAG 2.1 AA standards. Provide alt text for images (e.g., "WW logo with chrome animation") and an option to disable animations. * **Performance**: Optimize images (e.g., swirling background) to reduce load times (<2MB). Use WebP format where possible. *** #### 7. Version History * **v. 1.0 (March 1, 2025)**: Initial guidelines with cosmic purple (#4B0082) for CTAs and highlights. * **v. 1.1 (March 10, 2025)**: Added Inter font preference and chrome animation specifics for the "WW" logo. * **v. 1.2 (March 17, 2025)**: Replaced cosmic purple with gold (#FFD700) for CTAs and lighter gold (#FFDF80) for highlights. Updated footer border to gold. Aligned with Pre-Alpha launch (July 1, 2025) and website structure. *** #### 8. Implementation Notes * **Export Format**: Suitable for GitBook or PDF export. Use trust-blue (#00CED1) for headings, white (#FFFFFF) Inter Regular for body text, and gold (#FFD700) for links/CTAs on a black (#000000) background. Include a "WW" logo watermark in the footer of PDFs. * **Approval**: All materials must be reviewed by TRU3 Solutions and Audax Nitor Inc. before public release. * **Updates**: Revisions will be made quarterly or as major milestones (e.g., Pre-Alpha launch) are achieved, documented in the version history. *** #### 9. Contact and Resources * **Support**: * **Linktree**: – central hub for Twitter (@TheWhiteWebOrg), Discord, and additional resources. * **White Paper**: Available at [thewhiteweb.org](http://thewhiteweb.org)