Begin your landing page by adding a title and hero options.

As you build out your webpage, get in the habit of incrementally previewing your changes before the page becomes too big. Making small, concentrated adjustments and saving your revisions are part of a smooth website building process.

The top portion of your landing page is the most important area to a website user. Reference [component styles](https://rccldemo.rutgers.edu/rccl-user-guide/components) and choose the best fit for your content.

Try to avoid creating lengthy components – First-level landing pages need to summarize and direct to secondary pages.

The top portion of your landing page is the most important area to a website user. Reference component styles and choose the best fit for your content.

Continue adding components based on your page's content plan. Remember that about **75% of users never reach the bottom of your page**. Prioritize the first few components for your most important content!

Continue adding components based on your page's content plan. Remember that about 75% of users never reach the middle or bottom of your page. Prioritize the first few components for your most important content!

Remember to visually separate blocks of content by adding complimentary colors or relevant headings. If your content sections look too similar, users might have a hard time discerning what's important.

Remember to visually separate blocks of content by adding complimentary colors or relevant headings. If your content sections look similar, users might have a hard discerning what's important.

- None -
White
Black
Blue
Light Gray
Red
Teal
Pale Teal
Pale Yellow
Pale Blue
Dark Gray

The bottom portion of your landing page is a great place to call attention to relevant supplementary links, or to summarize important content.

Select the "Transition Half Curve Down" option.

- Select a value -
Transition Divider Thick
Transition Divider Thin
Transition Full Curve Down
Transition Full Curve Up
Transition Half Curve Down
Transition Half Curve Up
Transition Triangle Down
Transition Triangle Down Reverse
Transition Triangle Up

An optional sticky promo can be placed at the bottom of your page. The sticky promo remains visible at all times while a user scrolls down the page.

- Select a value -
White
Black
Blue
Light Gray
Red
Teal
Yellow

When you're done building your page, give one final preview before committing and saving your changes. You can keep your page in draft mode (only visible to logged in users) or publish the page for all users.

Always write good revision notes before saving so you can easily reference previous page versions.

For more RCCL best practices and information, visit <https://rccldemo.rutgers.edu/>

When you're done building your page, give one final preview before committing and saving your changes. You can keep your page in draft mode (only visible to logged in users) or publish the page for all users.

Always write good revision notes before saving so you can easily reference previous page versions.

Rutgers

This guide provides a walkthrough of a typical RCCL first-level landing page build.

Creating a First-Level Landing Page