design-notes.md

Components

Isolated Components

- Buttons
- Badges
- Search Inputs
- Media components

Navbar

- Logo
- Menu Items

Sections

- Domain Search
- Pricing
- Features
- Feature Focus
- Customer Testimonial
- Footer

Heading/Banner/Hero

- Title
- CTA button
- Image

Domain Search component

- Search input
- Domain filter (badges)

Card

- heading
- body
- feature list
- CTA button

Feature 2-column Grid

- Feature Description cell
  - Title
  - description text
  - Link to full description
- Demo Image cell
- Note: Description and demo image alternate columns each row

Feature Focus

- 2-column, 1-row
- col1: demo image
- col2: feature list with headings an relevant icons

Customer Testimonial Card

- Title
- Subtitle
- Customer Image
- Customer Quote

Callout component

- Text
- CTA Button

Footer

- Background image
- Logo and copyright
- Site Map (borderless) Table (4 cols)
  - Column
    - Title/Subject
    - List of links

Color Palette

Primary Color

• Dark Blue - #2584ff
  • ex: Popular Price Card header

Secondary Color

• Light Blue - #00d9ff
  • ex: Regular Price Card header

Accent

• Orange - #ff3400
  • Domain Search Button

Heading

• #1b0760;

Body

• #918ca4

Typeography

• Monserrat only used in one place, so ditch it
• Inter variations include bold, semi-bold, extra-bold, medium, and regulat
  • This is too many to download, so consolidate to
    • Regular 400
    • Bold 700
• Font Sizes (from mobile design)
  • h1: 70px
  • h2: 40px
  • h3: 30px