Admin: Brand Guidelines

Fluid

Updated November 06, 2025 06:13

Introduction

The Brand Guidelines section in your admin portal enables you to manage your company's visual identity through custom logos, brand colors, and visual assets. This comprehensive branding system allows you to create a consistent brand experience across all touchpoints by configuring your primary logo, secondary assets, color schemes, typography, and company identity elements that define your brand's visual presence.

Accessing Brand Guidelines Management

Log in to the Fluid Admin portal
Select the Settings Gear Icon in the top right and click “View All Settings”
In the left navigation sidebar, locate the "Company" section
Select "Brand Guidelines" from the menu options

Brand Guidelines Dashboard

Main View

The Brand Guidelines dashboard provides centralized control over all your brand visual elements and identity management:

Header Section:

Clear description explaining visual identity management capabilities
"Save" button for preserving brand configuration changes
"View Brand Documentation" link for additional branding guidance and best practices
Professional illustration showing brand design and visual identity development workspace

Brand Assets

Purpose: Upload your company's logo, icon, and favicon to establish primary brand recognition across all platform touch-points.

Primary Logo Configuration

Logo Upload Interface:

Drag-and-Drop Functionality: Intuitive upload area with visual upload indicator
File Format Support: Comprehensive format compatibility including image/jpeg, image/png, image/gif, image/svg+xml, and image/jpg
File Size Limitations: 15MB maximum file size to ensure optimal performance
Alternative Upload Methods: "Upload" button for traditional file selection or "Library" access for previously uploaded assets

Logo Specifications:

Recommended Dimensions: 320x120px for optimal display across various contexts
Usage Applications: Headers, marketing materials, and primary brand placement
Quality Guidelines: High-resolution images recommended for crisp display across all devices

Upload Options:

Direct Upload: Click "Upload" to select files from your computer
Drag and Drop: Simply drag logo files directly into the upload area
Library Access: Choose from previously uploaded brand assets

Secondary Assets

App Icon Configuration:

Purpose: Define the icon used for mobile applications and small-format brand representation
Upload Specifications: Same technical requirements as primary logo (15MB limit, multiple format support)
Usage Context: Mobile app icons, browser tabs, and compact brand representations
Design Considerations: Should work effectively at small sizes and maintain brand recognition

Favicon Management:

Purpose: Set the small icon that appears in browser tabs and bookmarks
Technical Requirements: Optimized for very small display sizes (typically 16x16 or 32x32 pixels)
Format Recommendations: ICO, PNG, or SVG for best browser compatibility
Brand Consistency: Should align with overall brand identity while remaining recognizable at micro sizes

Website Settings

OG Image

Purpose: To control how a webpage appears when shared on social media, providing a custom, high-quality preview that grabs attention and entices users to click.
Upload Specifications: The recommended size is a minimum of 1,200 x 630 pixels and file size under 8MB.
Usage Context: For links to unfurl and display a high quality image.
Design Considerations: Should work effectively at small sizes and maintain brand recognition.

Fallback Image

Purpose: Set an image that will be a back up image in case another image link breaks.
Upload Specifications: Same technical requirements as primary logo (15MB limit, multiple format support)
Usage Context: To provide protection in case another brand image fails.
Design Considerations: Should work effectively at small sizes and maintain brand recognition.

Company Identity

Purpose: Set your company's name and visual identity elements that appear throughout the platform and customer-facing materials.

Company Name Configuration

Name Field:

Current Setting: Displays configured company name (example: "JakeWHTestTeq1")
Usage Applications: Official business communications, legal documents, platform headers
Consistency Importance: Ensures uniform company representation across all touchpoints
Easy Modification: Simple text field for updating company name as business evolves

Identity Integration:

Company name appears in conjunction with logo across platform interfaces
Used in automated communications and customer-facing documents
Critical for legal compliance and professional presentation

Brand Styling

Purpose: Define color schemes and visual styling that create consistent brand experience across the entire platform.

Primary Color Configuration

Color Selection:

Current Setting: Blue color scheme (0C7CF6 hex value)
Color Picker Interface: Visual color selection tool for precise brand matching
Hex Value Display: Exact color codes for consistent implementation
Usage Applications: Main UI elements like buttons and headers

Primary Color Applications:

Primary buttons and call-to-action elements
Navigation highlights and active states
Important UI components and interactive elements
Brand accent colors throughout the platform

Secondary Color Configuration

Complementary Color Management:

Current Setting: Gray color scheme (0C7CF6 hex value - may need adjustment)
Purpose: Accents and supporting elements that complement the primary brand color
Usage Applications: Supporting UI elements, backgrounds, and secondary interactive components
Design Harmony: Works in conjunction with primary color to create cohesive visual hierarchy

Secondary Color Applications:

Supporting buttons and secondary actions
Background elements and subtle accents
Text colors and inactive states
Complementary design elements

Brand Asset Management Best Practices

File Preparation and Upload

Image Optimization:

High Resolution: Use high-quality source images for professional appearance
Format Selection: Choose appropriate file formats based on usage context
File Size Balance: Optimize for quality while maintaining reasonable file sizes
Multiple Versions: Prepare different logo versions for various contexts (horizontal, vertical, icon-only)

Brand Consistency:

Color Accuracy: Maintain consistent colors across all uploaded assets
Style Alignment: Ensure all brand elements follow the same design principles
Quality Standards: Apply consistent quality and resolution standards to all assets
Version Control: Keep track of asset versions and update systematically

Color Scheme Development

Color Psychology:

Consider the emotional impact and industry appropriateness of chosen colors
Ensure adequate contrast for accessibility compliance
Test colors across different devices and lighting conditions
Maintain consistency with existing brand materials and marketing collateral

Technical Implementation:

Use exact hex values for consistent color reproduction
Test color combinations for readability and accessibility
Consider colorblind accessibility when selecting color schemes
Document color specifications for team reference and external vendors

Maximizing Brand Guidelines Efficiency

Strategic Brand Management

Comprehensive Planning:

Brand Audit: Review current brand assets and identify gaps or inconsistencies
Asset Organization: Prepare all necessary brand files before configuration
Team Coordination: Ensure all stakeholders approve brand element choices
Documentation: Maintain records of brand specifications and usage guidelines

Implementation Workflow:

Asset Preparation: Gather and optimize all brand files before upload
Sequential Configuration: Complete brand setup in logical order (logos, colors, typography)
Testing and Review: Preview brand implementation across different platform areas
Team Training: Ensure team members understand brand guidelines and proper usage

Quality Assurance and Maintenance

Regular Review:

Schedule periodic brand guideline assessments
Monitor brand consistency across all platform touch-points
Update assets as brand evolves or improves
Maintain backup copies of all brand assets

Performance Monitoring:

Test brand element loading speeds and display quality
Verify brand consistency across different devices and browsers
Monitor user feedback regarding brand presentation
Assess brand recognition and professional impact

Continuous Improvement:

Stay current with design trends while maintaining brand integrity
Optimize asset files for improved performance
Expand brand asset library as business grows
Integrate brand guidelines with broader marketing and communication strategies