CvStay PH logoCvStay PHDorms near CvSU

Brand System v1.0

CvStay PH Brand Guide

Every page, ad, and piece of content should follow this guide. It exists so CvStay PH always looks and sounds like CvStay PH, whether you're building a new screen, handing off to a designer, or drafting a Facebook post.

Logo

Always use the circular mark with padding. Don't recolor, stretch, or add drop shadows.

CvStay PH logo on white
On white
CvStay PH logo on green
On brand green
CvStay PH logo on gold
On gold

Colors

Green is primary. Gold is secondary / highlight. Ink for body text.

CvSU Green#0a6b3d
CvSU Green (Dark)#074d2b
CvSU Gold#f5b400
CvSU Gold (Dark)#c88d00
CvSU Cream#fff8e7
CvSU Ink#0f1f16
CvSU Mist#f4faf6
White#ffffff

Typography

Fraunces for H1 and H2 only. Inter for everything else. Weight and size carry the hierarchy.

Display / H1 · Fraunces Semibold 36 to 48px
Dorms for every CvSU student.
Heading / H2 · Fraunces Semibold 24px
Pick your next home near campus.
Body · Inter Regular 14 to 16px

Real prices, verified landlords, and safety rules every student deserves. Built on top of the community group you already trust.

Eyebrow / label · Inter Semibold 11px uppercase, wide tracking
Featured · Verified · Safe

Components

Shared classes live in globals.css. Don't reinvent.

.btn-primary
.btn-gold
.btn-outline
Neutral chipSuccess chip
.chip / .chip-green
.input
Card surface
.card

Voice & tone

Warm

We talk like an upperclassman helping a freshman move in, not like a corporate leasing office.

Direct

No marketing fluff. Say what the app does, what it costs, and what to do next. Short sentences.

Taglish-friendly

UI is in English. Marketing, notifications, and safety copy can switch to Taglish with 'po'. It respects Filipino warmth.

Do say
  • "Real prices. Real photos. No more PM-for-details."
  • "Never pay before you've visited the unit, po."
  • "Free for students. Always."
Don't say
  • "Unlock premium synergies for your rental journey."
  • "Terms and conditions apply. See EULA."
  • "Officially partnered with CvSU." (we are not)

Layout & spacing

  • Max content width: max-w-7xl (1280px).
  • Page horizontal padding: px-4 sm:px-6 lg:px-8.
  • Section vertical spacing: space-y-10 or space-y-14.
  • Cards: rounded-2xl, white bg, subtle border, no drop shadow unless hovered.
  • Chips/pills always use the shared .chip class for consistent padding.
  • Hover effects: hover:-translate-y-0.5 hover:shadow-md.

Photography & illustrations

  • Real dorm photos from landlords, natural daylight preferred.
  • Minimum 3 photos per listing. Wide shots of beds, CR, kitchen, exterior.
  • Never show the face of a tenant or visitor without written consent (RA 9995).
  • For marketing assets: use flat illustrations in our green/gold palette, or real student-life photos with permission.
  • No photos with the CvSU seal or official university branding unless we have written permission.

Legal footer rule

Every page must include a "Not affiliated with Cavite State University" disclaimer in the footer. This is non-negotiable, part of our trademark-risk mitigation.