HubSpot Landing Pages

Select the Template

1. In the Landing Pages list, select Create and choose Landing Page
2. Choose the domain, add a page title and click “Create page”
3. Choose a template for a starting point

Change the logo

1. Hover over the logo and select the edit icon
2. Select replace over the image
3. Choose the correct horizontal logo
   • Be sure to use the logo lock-ups that are in the “Lab Logos” folder – these have the correct sizing and white space around the logo.
   • You may have to click a “View All” link in the image selector to see the folders.
4. Make sure the logo has appropriate Alt text – it should say the same text of the logo “Cornell Lab [Project Name]”
5. Change the height to “90”
6. The link can be updated to the project website
7. Leave all other options as is

Saved Sections

Some pre-built layouts are available under Saved Sections > Theme to help with page display. Note: you must use the new beta editor to have access to these saved sections.

1. In the left sidebar, go to “Saved Sections” and scroll to “Theme”
2. Select a section and drag it into the editor
3. Be sure to remove any unused content in the section

Thumbnail & Text

Three-column Content

A callout layout with a background color is also available.

To change the background color, click on the layout and select “Body color” in the sidebar. To stay within our brand, use only the following background colors (these colors are available under Brand colors):

Be sure to change the font colors to white for darker backgrounds. More color options can be found on our Colors page, but please use them sparingly.

To stay within our brand, use only the following background colors (these colors are available under Brand colors):

Take note of the text colors for the lighter backgrounds (black) vs the text color for the darker backgrounds (white).