top of page
COPY & PASTE FOR DESIGN CONSISTENCY

Website Content

jenna-jacobs-536273-unsplash.jpg
Anchor 1

Simple Paragraph 

Allow for plenty of space between a new strip/section and the content, as above. The margin of empty space above should be equal to margin of empty space below after your last button/photo/paragraph, etc. 

Nulla pretium magna neque, a finibus quam auctor nec. Nullam scelerisque urna lacus, et faucibus risus dapibus quis. Suspendisse laoreet neque tincidunt turpis ultrices, et luctus leo maximus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Morbi congue aliquet libero id ullamcorper. Sed sollicitudin feugiat odio, sit amet ultrices turpis interdum ut. Vestibulum luctus turpis diam, vel efficitur mauris hendrerit vel.

CALL TO ACTION (200+ X 42px)

Paragraph with Photo

Keep content within the gridline of the columns. This ensures that your site will look consistent and adjust appropriately to different screen sizes. 

Maintain consistency with text styles. Paragraph 2 for all standard body copy. Heading 2 for section titles. Use others sparingly and fall back on existing strips/content on the site by copying and pasting full sections.

CALL TO ACTION
hian-oliveira-614747-unsplash.jpg
Anchor 4

Paragraph w. Video

Don't make your website viewer work too hard. Use balance, scale, and restraint to direct them through the hierarchy on information. Keep it simple and clean with plenty of white space in the margins. Keep everything lined up using the align tool in the toolbar. If you want to use multiple buttons, consider your #1 CTA and use the purple button. For subsequent buttons use the lavendar "text only" button. 

Prioritize the speed and function of your website by keeping the wordcount down and communicating your core message as directly as possible. Is what you're sharing on the page temporary and/or not vital to the core of the Willow in an on-going capacity? Put it in a blog post! Blog posts are featured throughout your site, have good visibility, have a unique URL for sharing, and can be updated at any time if the topic is on-going.

 

You can also tag your blog posts and create dynamic blog features on any page that pull posts based on their tags (For example, you can have a blog feature for "Volunteer News" on the volunteer page that will only show  blog posts that have been tagged "volunteer".) This makes it much more simple to share up-to-date info without adding sections/pages to your website too often. 

CALL TO ACTION (200+ X 42px)
SECONDARY BUTTON "VISIT OUR YOUTUBE"
Anchor 3

Gallery

The Willow has two staff dedicated to serving the unique needs of survivors of human trafficking, as well as offering community education and outreach. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus velit nunc, bibendum sit amet rhoncus id, pretium sed augue. In at nisl vitae dolor ultrices condimentum. Duis quis dui eget tortor efficitur viverra. Etiam arcu libero, convallis ac tincidunt sed, luctus sit amet diam. Etiam volutpat in urna vitae varius. Donec at dapibus ante.

CALL TO ACTION (USE ONLY 2 BUTON STYLES)

Info w/ List, Description and Photo

We serve survivors and their families in shelter, and in our community.  Our Children's Services Program Coordinator plans activities, trips, and events both in the shelter and with our partner organizations. Nulla pretium magna neque, a finibus quam auctor nec. Nullam scelerisque urna lacus, et faucibus risus dapibus quis. Suspendisse laoreet neque tincidunt turpis ultrices, et luctus leo maximus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Morbi congue aliquet libero id ullamcorper. Sed sollicitudin feugiat odio, sit amet ultrices turpis interdum ut. Vestibulum luctus turpis diam, vel efficitur mauris hendrerit vel.

CHILDREN'S SERVICE 1

Your donations help with everything from providing food, shelter, and immediate needs to developing new programs to help restore and rebuild lives.

CHILDREN'S SERVICE 2

Your donations help with everything from providing food, shelter, and immediate needs to developing new programs to help restore and rebuild lives.

CHILDREN'S SERVICE 3

Your donations help with everything from providing food, shelter, and immediate needs to developing new programs to help restore and rebuild lives.

hian-oliveira-614747-unsplash.jpg
Anchor 4

Info with List & Contact

I've created several different ways that you can share information throughout your site. To use a section on an existing page, select the "strip" and select "copy" in the toolbar. Navigate to the intended page and click paste. Arrange strips to place the new section on the page. CHECK MOBILE VIEW.

If you need to create an entirely new page, duplicate this full page and re-arrange and delete strips as necessary. CHECK MOBILE VIEW.

I recommend using as few pages as possible. It will make the site faster and much easier to manage and navigate. Anchors and the submenus at the top of the page are a great way to manage that!

 

The Willow Domestic Violence Center provides safe and confidential supportive shelter services for all survivors of domestic violence and human trafficking and their children. Our 24-hour crisis hotline provides information, safety planning, and intake into shelter.

You can contact us about these services with the contact form below.

  • I'm a service or important point

  • I'm a service or important point

  • I'm a service or important point

  • I'm a service or important point

  • I'm a service or important point

  • I'm a service or important point

  • I'm a service or important point

Info with Three Sections

This layout would work well to list a few service options within one service category with a bit of content to share about them. Below is a link with info on how to use anchors. You can change that button to something more relevant.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus velit nunc, bibendum sit amet rhoncus id, pretium sed augue. In at nisl vitae dolor ultrices condimentum. Duis quis dui eget tortor efficitur viverra. Etiam arcu libero, convallis ac tincidunt sed, luctus sit amet diam. Etiam volutpat in urna vitae varius. Donec at dapibus ante.

SERVICE 1 IN THIS CATEGORY

The Willow Domestic Violence Center provides safe and confidential supportive shelter services for all survivors of domestic violence and human trafficking and their children. Our 24-hour crisis hotline provides information, safety planning, and intake into shelter.

SERVICE 2 IN THIS CATEGORY

The Willow Domestic Violence Center provides safe and confidential supportive shelter services for all survivors of domestic violence and human trafficking and their children. Our 24-hour crisis hotline provides information, safety planning, and intake into shelter.

SERVICE 3 IN THIS CATEGORY

The Willow Domestic Violence Center provides safe and confidential supportive shelter services for all survivors of domestic violence and human trafficking and their children. Our 24-hour crisis hotline provides information, safety planning, and intake into shelter.

bottom of page