Brand Portfolio
RCHG
rchotelgroup.com
Parent company and corporate identity
ActivegroupRooms
grouprooms.org
Group hotel rates and RFP platform
Activehotelhuddle
hotelhuddle.com
Name-your-price hotel negotiation
ActivebookMyMeeting
bookmymeeting.org
Meeting space booking platform
Coming SoonbookMyTeam
bookmyteam.org
Corporate and sports travel
Coming SoonhotelSlots
hotelslots.org
Day use hotel rooms
Coming SoonLodgixPro
lodgixpro.com
Hotel operations software
Coming SoonBrand Variants — Light Background
Extended cards showing bookMyMeeting and bookMyTeam with white backgrounds for better text visibility.
bookMyMeeting
bookmymeeting.org
Meeting space booking platform for corporate teams and events
Coming SoonbookMyTeam
bookmyteam.org
Corporate and sports travel booking made simple
Coming SoonLogo Assets
Color Version
Primary logo for digital use on dark backgrounds
logo-color.png
702 × 760 px · Transparent PNG
Navy on White
Primary logo for light/white backgrounds
logo-navy-on-white.png
702 × 760 px · White background
Black & White Version
For print and single-color use on light backgrounds
logo-bw.png
Color on Dark
Full color on dark background
logo-on-dark.png
702 × 760 px
Logo Usage Guidelines
- Minimum clear space: 2x the height of the cube on all sides
- Minimum size: 40px height for digital, 1 inch for print
- Do not stretch, distort, or rotate the logo
- Do not place on busy backgrounds without sufficient contrast
- Always use the appropriate color variant for the background
Brand Lockups on Dark Background
Each brand's complete logo — cube icon + brand name + domain — on the standard dark background (#0B0D17). Lockups are rendered in HTML/CSS following exact brand specifications.
<div style="display: flex; align-items: center; gap: 1rem;">
<img src="logo-color.png" style="width: 60px; height: 60px;">
<div>
<div style="font-size: 24px; font-weight: 700; color: #E8EAF2;">RCHG</div>
<div style="font-size: 14px; color: rgba(232,234,242,0.6); margin-top: 4px;">rchotelgroup.com</div>
</div>
</div>
<div style="display: flex; align-items: center; gap: 1rem;">
<img src="logo-color.png" style="width: 60px; height: 60px;">
<div>
<div style="font-size: 24px; font-weight: 700; color: #E8EAF2;">groupRooms</div>
<div style="font-size: 14px; color: rgba(232,234,242,0.6); margin-top: 4px;">grouprooms.org</div>
</div>
</div>
<div style="display: flex; align-items: center; gap: 1rem;">
<img src="logo-color.png" style="width: 60px; height: 60px;">
<div>
<div style="font-size: 24px; font-weight: 700; color: #E8EAF2;">hotelhuddle</div>
<div style="font-size: 14px; color: rgba(232,234,242,0.6); margin-top: 4px;">hotelhuddle.com</div>
</div>
</div>
<div style="display: flex; align-items: center; gap: 1rem;">
<img src="logo-color.png" style="width: 60px; height: 60px;">
<div>
<div style="font-size: 24px; font-weight: 700; color: #E8EAF2;">bookMyMeeting</div>
<div style="font-size: 14px; color: rgba(232,234,242,0.6); margin-top: 4px;">bookmymeeting.org</div>
</div>
</div>
<div style="display: flex; align-items: center; gap: 1rem;">
<img src="logo-color.png" style="width: 60px; height: 60px;">
<div>
<div style="font-size: 24px; font-weight: 700; color: #E8EAF2;">bookMyTeam</div>
<div style="font-size: 14px; color: rgba(232,234,242,0.6); margin-top: 4px;">bookmyteam.org</div>
</div>
</div>
<div style="display: flex; align-items: center; gap: 1rem;">
<img src="logo-color.png" style="width: 60px; height: 60px;">
<div>
<div style="font-size: 24px; font-weight: 700; color: #E8EAF2;">hotelSlots</div>
<div style="font-size: 14px; color: rgba(232,234,242,0.6); margin-top: 4px;">hotelslots.org</div>
</div>
</div>
<div style="display: flex; align-items: center; gap: 1rem;">
<img src="logo-color.png" style="width: 60px; height: 60px;">
<div>
<div style="font-size: 24px; font-weight: 700; color: #E8EAF2;">LodgixPro</div>
<div style="font-size: 14px; color: rgba(232,234,242,0.6); margin-top: 4px;">lodgixpro.com</div>
</div>
</div>
Brand Lockups on White Background
The same lockups with colors flipped — navy (#0B0D17) text and icon on white (#FFFFFF). Use these on light-themed pages, print materials, email signatures, and white-background cards.
<div style="display: flex; align-items: center; gap: 1rem;">
<img src="logo-black.png" style="width: 60px; height: 60px;">
<div>
<div style="font-size: 24px; font-weight: 700; color: #0B0D17;">RCHG</div>
<div style="font-size: 14px; color: #6B7280; margin-top: 4px;">rchotelgroup.com</div>
</div>
</div>
<div style="display: flex; align-items: center; gap: 1rem;">
<img src="logo-black.png" style="width: 60px; height: 60px;">
<div>
<div style="font-size: 24px; font-weight: 700; color: #0B0D17;">groupRooms</div>
<div style="font-size: 14px; color: #6B7280; margin-top: 4px;">grouprooms.org</div>
</div>
</div>
<div style="display: flex; align-items: center; gap: 1rem;">
<img src="logo-black.png" style="width: 60px; height: 60px;">
<div>
<div style="font-size: 24px; font-weight: 700; color: #0B0D17;">hotelhuddle</div>
<div style="font-size: 14px; color: #6B7280; margin-top: 4px;">hotelhuddle.com</div>
</div>
</div>
<div style="display: flex; align-items: center; gap: 1rem;">
<img src="logo-black.png" style="width: 60px; height: 60px;">
<div>
<div style="font-size: 24px; font-weight: 700; color: #0B0D17;">bookMyMeeting</div>
<div style="font-size: 14px; color: #6B7280; margin-top: 4px;">bookmymeeting.org</div>
</div>
</div>
<div style="display: flex; align-items: center; gap: 1rem;">
<img src="logo-black.png" style="width: 60px; height: 60px;">
<div>
<div style="font-size: 24px; font-weight: 700; color: #0B0D17;">bookMyTeam</div>
<div style="font-size: 14px; color: #6B7280; margin-top: 4px;">bookmyteam.org</div>
</div>
</div>
<div style="display: flex; align-items: center; gap: 1rem;">
<img src="logo-black.png" style="width: 60px; height: 60px;">
<div>
<div style="font-size: 24px; font-weight: 700; color: #0B0D17;">hotelSlots</div>
<div style="font-size: 14px; color: #6B7280; margin-top: 4px;">hotelslots.org</div>
</div>
</div>
<div style="display: flex; align-items: center; gap: 1rem;">
<img src="logo-black.png" style="width: 60px; height: 60px;">
<div>
<div style="font-size: 24px; font-weight: 700; color: #0B0D17;">LodgixPro</div>
<div style="font-size: 14px; color: #6B7280; margin-top: 4px;">lodgixpro.com</div>
</div>
</div>
Lockup Specifications
Standard Horizontal Lockup
Cube Icon Size:
120 × 120 px (standard lockup)
60 × 60 px (header)
40 × 40 px (favicon/small)
Brand Name:
72px / lockup, 24px header
Font: Inter Variable, weight 700
Dark: #E8EAF2 / Light: #0B0D17
Domain:
32px / lockup, 14px header
Font: Inter Variable, weight 400
Dark: rgba(232,234,242,0.6) / Light: #6B7280
Spacing:
Cube to text: 24px (lockup)
Name to domain: 10px
Outer padding: 30px
Color Variants
Dark Background Variant
Background: #0B0D17 (RCHG Dark)
Brand name: #E8EAF2 (RCHG White)
Domain: rgba(232,234,242,0.6)
Cube: Full color gradient
Light/White Background Variant
Background: #FFFFFF (White)
Brand name: #0B0D17 (RCHG Dark/Navy)
Domain: #6B7280 (muted gray)
Cube: Navy #0B0D17 on white
Ideal Color Variations
The RCHG logo must be displayed in the appropriate color variant based on the background color to ensure maximum contrast and brand consistency.
Full Color
Primary brand presentation
Best For:
- Dark backgrounds (#0B0D17)
- Marketing materials
- Website headers
- Presentations
File: logo-color.png
Format: PNG with transparency
Pure White
For dark backgrounds only
Best For:
- Dark backgrounds (#0B0D17, #111322)
- Video overlays
- Social media dark mode
- Print on dark stock
File: logo-white.png
Format: PNG with transparency
Pure Black
For light backgrounds only
Best For:
- White backgrounds
- Light gray backgrounds
- Print documents
- Letterheads
File: logo-black.png
Format: PNG with transparency
Grayscale
Single-color applications
Best For:
- Fax documents
- Photocopies
- Newspaper ads
- Embroidery/engraving
File: logo-bw.png
Format: PNG grayscale
Background Color Compatibility Chart
Note: Contrast ratios follow WCAG 2.1 guidelines. ✓✓✓ = AAA (excellent), ✓✓ = AA (good), ✓ = AA minimum. Ratios below 4.5:1 should be avoided for small text and logos.
Downloadable Logo Assets
Logo Pack — PNG
All color variants in PNG format with transparency
- logo-color.png — Full color (transparent)
- logo-on-dark.png — Full color on dark bg
- logo-navy-on-white.png — Navy on white bg
- logo-bw.png — Black & white
- logo-transparent.png — Transparent
- logo-white.png — White (transparent bg)
- logo-black.png — Black (transparent bg)
- cube-60.png — 60px favicon
- cube-120.png — 120px icon
Logo Pack — SVG
Vector formats for print and scalable use
- logo-color.svg (vector)
- logo-white.svg (vector)
- logo-black.svg (vector)
- logo-bw.svg (vector)
Brand Lockups — Dark
Complete lockups (cube + name + domain) on dark background
- lockup-rchg-dark.png
- lockup-grouprooms-dark.png
- lockup-hotelhuddle-dark.png
- lockup-bookmymeeting-dark.png
- lockup-bookmyteam-dark.png
- lockup-hotelslots-dark.png
- lockup-lodgixpro-dark.png
Brand Lockups — Light
Complete lockups (cube + name + domain) on white background
- lockup-rchg-light.png
- lockup-grouprooms-light.png
- lockup-hotelhuddle-light.png
- lockup-bookmymeeting-light.png
- lockup-bookmyteam-light.png
- lockup-hotelslots-light.png
- lockup-lodgixpro-light.png
Logo Spacing & Clear Space
The RCHG logo requires minimum clear space on all sides to maintain visual integrity. Clear space is measured from the edge of the cube icon (not including any text lockup).
Clear Space Diagram
Minimum Clear Space:
2X = 2 times the height of the cube icon
For the 702×760px logo:
Clear space = 160px on all sides
This ensures the logo has adequate breathing room and maintains visual prominence regardless of surrounding content.
Logo Size Reference Chart
Incorrect Logo Usage Examples
Don't Stretch
Always maintain aspect ratio
Don't Rotate
Keep logo horizontal
Don't Reduce Opacity
Maintain full visibility
Color Palette
Primary Colors
Accent Colors
Brand Gradient
background: linear-gradient(135deg, #3B82F6 0%, #8B5CF6 100%);
Typography
Font Stack
font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
Heading Hierarchy
H1 — 40px / 2.5rem (Page titles)
H2 — 32px / 2rem (Section headers)
H3 — 24px / 1.5rem (Card titles)
Body — 16px / 1rem (Regular text)
CSS Variables
:root {
--font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
--text-primary: #E8EAF2;
--text-secondary: rgba(232, 234, 242, 0.7);
--text-tertiary: rgba(232, 234, 242, 0.5);
}
Email Signature Generator
Generate a branded email signature for your RCHG brand. Fill in your details and copy the HTML code.
Live Preview
Signature Specifications
- Font: Inter or system sans-serif (Arial, Helvetica, sans-serif)
- Name size: 16px bold (weight 600)
- Company: Brand color (RCHG Blue #3B82F6 for corporate)
- Contact info: 14px, 70% opacity white
- Logo: 40-60px inline with text
- Separator: 1px border at 30% opacity
- Logo variant: Black logo on light backgrounds, white/full color on dark