Web
Welcome to your central resource for configuring the Web App experience to match your brand. This page covers all the tools and guidance needed to personalize your platform — from setting up your landing page to styling your theme and about page.
🎨 Customization Overview
1. Landing Page Branding
Your login screen is the first impression tenants see — make it on brand.
Configurable Elements:
-
Logo: Upload your company or building logo.
-
Favicon: Customize the icon displayed in the browser tab.
-
Login Image: Set a background image for the login screen.
-
Welcome Message: Define the title and subtitle (e.g., “Welcome to [Building Name]”).
-
Primary Brand Color: Applied to buttons and interactive highlights.
💡 You can update any of these elements post-launch as needed.
2. Hero Image & Primary Color
Your Web App theme helps establish a consistent and branded experience.
-
Hero Image: Pulled from the “Welcome Card Background” in the Themes tab. We recommend a solid color or soft gradient for clean desktop display.
-
Primary Color: This color appears across:
-
Sidebar navigation highlights
-
Pills and tags on content
-
Call-to-action buttons
-
QR code elements promoting mobile download
-
This ensures your web experience aligns with your brand identity right out of the box.
3. About Page Setup
Let tenants and visitors learn more about your space.
-
Building Image: Upload an image that reflects your property.
-
Building Description: Share what makes your space unique — this content appears directly on your “About” page.
🛠 To update: Visit your building profile at https://gohqo.co/buildings → Search for your building → Click “Edit” → Update the image and description fields. Changes apply automatically.
🧰 Quick Reference
|
Where |
Element |
Where to Configure |
|---|---|---|
|
Logged out |
Logo |
Experience Channels tab in HqO |
|
Logged out |
Favicon |
Experience Channels tab in HqO |
|
Logged out |
Login Image |
Experience Channels tab in HqO |
|
Logged out |
Welcome Message |
Experience Channels tab in HqO |
|
Logged in |
Primary Color |
Themes tab in HqO |
|
Logged in |
Hero Image |
Themes tab in HqO |
|
Logged in |
About Page |
Building Profile Editor |
Web Domain
To customize your Web branding, you must determine your custom domain.
Example:
-
If your mobile app is called “HqO Park” (North America app), your web domain would be “hqopark.hqo.com”
-
If your mobile app is called “La Tour” (FFM/EMEA app), your web domain would be “latour.ffm.hqo.com”
Web Branding
To launch the web you will need to obtain the following materials:
Specs for images
|
Web Imagery |
Location |
Min Width |
Min Height |
Ideal Resolution |
|
Portfolio image |
Sign up / log in |
876 |
1024 |
300 dpi |
|
Building image |
Home screen banner; content placeholder; utilty placeholder |
1440 |
921 |
300 dpi |
|
Content image |
Home screen tile; content detail |
648 |
416 |
|
|
Amenity image |
Amenity screen tile; amenity detail |
648 |
416 |
|
|
Utility button |
Home screen button |
312 |
200 |
|