BRAND GUIDELINES · CONFIDENTIAL
The Warden AN INSPIRANTE PRODUCT
Designed by Rahul N Bangera
© 2026 Inspirante · All rights reserved

Brand Story

The Warden is a hostel management platform by Inspirante, built for both administrators and students. The name carries authority, trust and guardianship — a warden is the keeper of a place. The brand identity reflects this: structured, modern, and instantly recognisable whether on a phone screen or a printed document.

Designed by Rahul N Bangera


The Two Icons

Both icons were selected from a 10-direction exploration for their ability to communicate 'hostel app' at a glance.

Option 6
Roof + W
  • Roof signals shelter
  • W anchors the brand
  • Scales cleanly to 16px
Option 10
Room Tag + W
  • Tag = hostel room identity
  • W inside = brand mark
  • Unique and ownable
Designer Recommendation
  • Use Option 10 as the primary app icon — it reads 'hostel' immediately.
  • Use Option 6 as the favicon / 16px context — cleaner at tiny sizes.

Icon Scale

96 × 96
64 × 64
40 × 40
28 × 28
16 favicon

Colour Palette

Four colours were explored. Each serves a specific role in the brand system.

#f97316
Original Orange
Primary brand colour. Matches the Inspirante website. Safe, consistent, warm and energetic. The baseline of the entire identity.
#e8620a
Deeper Orange
One notch darker. More grounded and premium-feeling. Ideal for print, formal contexts, and anywhere the brand needs to feel more authoritative.
#ef4444
Red
Caution: red signals error / alert in iOS and Android design systems. Not recommended as brand primary. Reserve strictly for error and warning UI states.
#f05a28
Orange-Red
The sweet spot. Warm orange energy with a red edge. Distinctive and ownable — not found in any standard colour library. Best choice for the primary app icon.

All Colour Iterations — Option 10 (Room Tag + W)

Light background

The Warden #f97316
The Warden #e8620a
The Warden #ef4444
The Warden #f05a28

Dark background

The Warden #f97316
The Warden #e8620a
The Warden #ef4444
The Warden #f05a28
Recommended Colour Combination
  • Primary (app icon, CTAs, highlights): #f05a28 — Orange-Red
  • Secondary (website consistency): #f97316 — Original Orange
  • Avoid #ef4444 as brand colour — reserve it strictly for error / warning states.

Logo Lockups

Horizontal lockup is the primary configuration. Use the standalone icon only at 32px and below.

On white background

The Warden AN INSPIRANTE PRODUCT
The Warden AN INSPIRANTE PRODUCT

On dark background

The Warden AN INSPIRANTE PRODUCT
The Warden AN INSPIRANTE PRODUCT

On brand colour background

The Warden AN INSPIRANTE PRODUCT

Navbar / Header

Light

Dark

Usage Guidelines

DO
  • Use only approved colours: #f05a28 or #f97316.
  • Pair the icon with the wordmark in any context above 40px.
  • Maintain clear space equal to the icon's corner radius on all sides.
  • Use the dark lockup on backgrounds darker than 50% grey.
  • Use standalone icon (no wordmark) only as favicon or app icon.
  • Keep 'An Inspirante Product' tagline in all primary placements.
DON'T
  • Do not recolour the icon outside the approved palette.
  • Do not stretch, skew, or rotate the logo.
  • Do not place the logo on a busy photographic background.
  • Do not use #ef4444 (red) as brand colour — reserve for errors.
  • Do not recreate the icon in a different style or weight.
  • Do not remove the 'An Inspirante Product' tagline from official materials.

Typography

Wordmark / Headings Playfair Display Bold Serif, premium, trustworthy
'The' prefix Playfair Display Italic Softens hierarchy, adds elegance
Tagline / Labels DM Sans Light, tracked +22% Clean, modern, airy
UI Body Text DM Sans Regular / Medium Legible at all sizes

Credits

Brand identity designed by Rahul N Bangera.

A product of Inspirante — built for hostel administrators and students.

Version 1.0 · 2026

For questions about brand usage, contact Rahul N Bangera at Inspirante.
This document is confidential and intended for internal use and authorised partners only.