Pair a short headline with a relevant image when visitors need both context and personality. Say who you help and what you do before describing your approach. Check that the image follows a sensible reading order on a phone.

An image-led introduction for visual work

Lead with a project photograph when seeing your work helps a customer decide. Choose a crop that leaves the headline readable. Try both phone and desktop previews; a wide building or group photograph may lose its subject in a narrow crop.

A text-led introduction for a specific promise

Use a restrained layout when the offer needs a precise explanation more than a large image. Add one primary action and a short supporting sentence. Avoid claims about results you cannot substantiate.

Put it into practice

Illustrative consultant headline: “Practical operations advice for growing teams.” Follow it with the actual problem you solve and an action such as “Discuss your project.” Adapt the wording to your real audience and service.

Before you publish

Can someone explain what you offer after reading the headline and first sentence? Check contrast, image crop and the main action on a phone before publishing.

From a layout to your own page

Open a section and compare its phone and desktop previews. Colors and fonts here help you explore a direction.
Choose Add to Pineapple, sign in and select your website and page. Review the layout in your website’s own colors and fonts before inserting it.
Replace the sample content, check links and form settings, then save your changes. Reload to check the saved result; publish when you are ready for visitors to see it.

Looking for a complete site? Browse website templates. For editing controls, read the editing guide.