#### 1. Color Scheme:
**Primary Colors:**
- Hopper Blue (#008ecc) - Dominant color for headers.
- Hopper Red (#FF655B) - Used for the logo and main highlights.

**Secondary Colors:**
- White (#FFFFFF) - Background color for most sections.
- Light Gray (#F8F9FA) - Used for backgrounds of less important sections.

**Accent Colors:**
- Dark Gray (#4A4A4A) - Used for text and secondary buttons.
- Orange (#FFA600) - Used for CTA highlights and notifications.

**Text Colors:**
- Headings: Medium Gray (#505050)
- Body Text: Medium Gray (#505050)
- Links: Hopper Blue (#01aae4)

#### 2. Typography:
**Font Families:**
- Primary Font: Proxima Nova, Arial, sans-serif

**Font Sizes:**
- Headings: 24px
- Subheadings: 20px
- Body Text: 16px
- Small Text: 14px

**Font Weights:**
- Headings: Bold
- Subheadings: Semi-Bold
- Body Text: Normal
- Small Text: Light

**Text Alignments:**
- Left alignment for body text and headings.
- Center alignment for section titles and main CTAs.

#### 3. Layout:
**Alignment of Elements:**
- Consistent left alignment for text and images.
- Central alignment for main CTAs.

#### 4. Buttons and CTAs (Call to Actions):
**Button Shapes:**
- Rounded corners with a radius of 12px.
- Buttons is center aligned.

**Button Colors:**
- Primary Buttons: Hopper Blue (#01aae4) with white text.
- Secondary Buttons: Dark Gray (#505050) with white text.

**Font and Text Style in Buttons:**
- Font: Proxima Nova, Bold, 16px.
- Text Alignment: Centered.

**Spacing around Buttons:**
- 10px padding inside the button.
- 20px margin around the button.

#### 5. Overall Style and Feel:
**Visual Hierarchy:**
- Clear differentiation between headings, subheadings, and body text.
- Larger and bolder text for headings to indicate importance.

**Consistency in Style:**
- Uniform use of colors, fonts, and spacing throughout the email.
- Consistent button styles and text alignments.

**Use of Whitespace:**
- Adequate whitespace around text and images to avoid clutter.
- Balanced spacing to guide the reader's eye through the email.

#### 6. Logo and Branding:
**Logo Placement and Size:**
- Top left corner in the header.
- 50px in height, maintaining aspect ratio.
- Do not limit the width of the logo with styles
- Adequate spacing around the logo to avoid crowding.

**Consistent Use of Branding Elements:**
- Consistent use of the Hopper logo and colors across all emails.
- Inclusion of the Hopper mascot for a friendly and recognizable touch.

#### 7. Spacing and Alignment:
**Consistent Use of Margins and Padding:**
- Uniform margins and padding to ensure a clean layout.

**Alignment of Text and Images:**
- Text is generally left-aligned for readability.
- Images are aligned with text or centered in standalone sections.