Typography Audit - OwnerRez Reset Brand

Consistency Checklist - Items Needing Attention

!
Letter-spacing - Only explicitly set to 0 on headings. Buttons, labels, and body text inherit from Bootstrap (which may vary).
!
Line-height - Not explicitly set on buttons or form controls. Bootstrap default is 1.428571429, but elements may vary.
!
Link colors - Heading links are set to #000, but general links inherit Bootstrap blue (#337ab7).
!
Focus states - No explicit focus styles defined. Bootstrap defaults may show blue outlines or box-shadows.
!
Font family - Not explicitly set. Inherits from OwnerRez/Bootstrap which may use different stacks in different contexts.
!
Transition effects - Not defined. Bootstrap may add transitions on hover/focus that feel inconsistent with Swiss design.

Color Palette

Defined Colors Explicit

Text/Border

#000000

Active State

#333333

Background

#FFFFFF

Blocked Date

#E57373

Inherited Colors (Bootstrap defaults) Not Overridden

Link Default

#337AB7

Link Hover

#23527C

Focus Glow

#66AFE9

Input Border

#CCCCCC

Links - Inconsistent Treatment

Heading Links (Defined)

Property Name Link

color: #000 | hover: underline

Body Links (Bootstrap Default)

Check out our amenities page for more details about the property features.

color: #337ab7 | hover: #23527c + underline

Headings Fully Defined

H1 Page Header

font-size: 30px | font-weight: 700 | letter-spacing: 0 | line-height: 1.2

H2 Media Heading

Property Name Goes Here

font-size: 30px | font-weight: 700 | letter-spacing: 0 | line-height: 1.2

Buttons

Button States Colors Defined Line-height Inherited

Default

Hover

Active

Focus (needs definition)

Property	Current Value	Status
font-size	`14px`	Defined
font-weight	`700`	Defined
text-transform	`uppercase`	Defined
letter-spacing	`normal` (browser default)	Not Set
line-height	`1.428...` (Bootstrap)	Not Set
transition	Bootstrap default or none	Not Set
:focus outline	Bootstrap blue glow	Needs Override

Form Controls

Search Bar Inputs

Arrival Date

Guests

Property	Current Value	Status
font-size	`14px`	Defined
font-weight	`700`	Defined
text-transform	`uppercase`	Defined
border-color	`#000`	Defined
letter-spacing	`normal`	Not Set
line-height	`1.428...`	Not Set
:focus box-shadow	Bootstrap blue glow	Needs Override
:focus border-color	`#66afe9`	Needs Override

Navigation Tabs

Navbar Cabin Tabs

Hover to test interaction

Body Text

Paragraph Text Mostly Inherited

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.

font-size: 14px (Bootstrap) | line-height: 1.428 (Bootstrap) | letter-spacing: normal (inherited)

Type Scale Summary

30px Headings (H1, H2)

14px / 700 BUTTONS, FORM CONTROLS, LABELS

14px / 400 Body text, paragraphs, descriptions

Recommended CSS Additions for Consistency

Add these rules to styles.css

/* ============================================
   TYPOGRAPHY CONSISTENCY FIXES
   ============================================ */

/* Global letter-spacing reset */
body,
.btn,
.form-control,
label {
  letter-spacing: 0 !important;
}

/* Global line-height for interactive elements */
.btn,
.btn-default,
.form-control,
.navbar-cabin a {
  line-height: 1.5 !important;
}

/* Override Bootstrap link colors */
a {
  color: #000000 !important;
}

a:hover,
a:focus {
  color: #000000 !important;
  text-decoration: underline !important;
}

/* Remove Bootstrap focus glow */
.btn:focus,
.btn-default:focus,
.form-control:focus {
  outline: none !important;
  box-shadow: none !important;
  border-color: #000000 !important;
}

/* Or use a Swiss-style focus indicator */
.btn:focus,
.form-control:focus {
  outline: 2px solid #000000 !important;
  outline-offset: 2px !important;
}

/* Remove any transitions for sharp interactions */
.btn,
.btn-default,
.form-control,
a {
  transition: none !important;
}

Summary

What's Working

Heading sizes and weights
Button colors and states
Form border colors
Uppercase text-transform
Zero border-radius (Swiss design)

Needs Attention

Letter-spacing consistency
Line-height consistency
Link color overrides
Focus state styling
Transition removal