--- title: Four Design Styles for Clear Communication on Your Church Website description: Four ways to style your website pages and blog posts for maximum clarity to improve your messaging to your community. image: http://cdn2.hubspot.net/hubfs/342931/Styling-Church-Website-Pages.jpg --- [![logo_ekk](https://hello.ekklesia360.com/hubfs/logo_ekk-4.png)](http://www.ekklesia360.com) [Sign Up](http://www.ekklesia360.com/sign-up) - [WESBITE FEATURES](https://www.ekklesia360.com/website-features/) - [SERVICES](https://www.ekklesia360.com/services/) - [FAQ’S](https://www.ekklesia360.com/faqs/) - [PORTFOLIO](https://www.ekklesia360.com/portfolio/) - [RESOURCES](https://www.ekklesia360.com/resources/) - [PRICING](https://www.ekklesia360.com/pricing/) - ABOUT # Ekklesia 360 ## [Four Design Styles for Clear Communication on Your Church Website](https://hello.ekklesia360.com/blog/design-styles-clear-communication-church-websites) Posted by [Jimmy Pham](https://hello.ekklesia360.com/blog/author/jimmy-pham) [![Share on Facebook](https://static.hubspot.com/final/img/common/icons/social/facebook-24x24.png)](http://www.facebook.com/share.php?u=https%3A%2F%2Fhello.ekklesia360.com%2Fblog%2Fdesign-styles-clear-communication-church-websites%3Futm_medium%3Dsocial%26utm_source%3Dfacebook) [![Share on LinkedIn](https://static.hubspot.com/final/img/common/icons/social/linkedin-24x24.png)](http://www.linkedin.com/shareArticle?mini=true&url=https%3A%2F%2Fhello.ekklesia360.com%2Fblog%2Fdesign-styles-clear-communication-church-websites%3Futm_medium%3Dsocial%26utm_source%3Dlinkedin) [![Share on Twitter](https://static.hubspot.com/final/img/common/icons/social/twitter-24x24.png)](https://twitter.com/intent/tweet?original_referer=https%3A%2F%2Fhello.ekklesia360.com%2Fblog%2Fdesign-styles-clear-communication-church-websites%3Futm_medium%3Dsocial%26utm_source%3Dtwitter&url=https%3A%2F%2Fhello.ekklesia360.com%2Fblog%2Fdesign-styles-clear-communication-church-websites%3Futm_medium%3Dsocial%26utm_source%3Dtwitter&source=tweetbutton&text=Four%20Design%20Styles%20for%20Clear%20Communication%20on%20Your%20Church%20Website) [![Share on Email](https://static.hubspot.com/final/img/common/icons/social/email-24x24.png)](mailto:?subject=Check%20out%20https%3A%2F%2Fhello.ekklesia360.com%2Fblog%2Fdesign-styles-clear-communication-church-websites%3Futm_medium%3Dsocial%26utm_source%3Demail%20&body=Check%20out%20https%3A%2F%2Fhello.ekklesia360.com%2Fblog%2Fdesign-styles-clear-communication-church-websites%3Futm_medium%3Dsocial%26utm_source%3Demail) ![Styling-Church-Website-Pages.jpg](http://cdn2.hubspot.net/hub/342931/hubfs/Styling-Church-Website-Pages.jpg?width=640&name=Styling-Church-Website-Pages.jpg) Effective communication is an important goal in any church website strategy. Clear communication isn’t just what you say, but how you say it. One key thing is to be aware of the medium of your communication. In this case, you’re presenting a website that will be viewed on a screen, or screens of various sizes. People may be viewing your church’s website on a desktop, a tablet, or via their smartphone. Keeping that in mind is important, because you don’t want to just present one long text block. Styling a page well can be simple if you know how. **There isn’t a single right way to do things, but there are many things you can do wrong.** Here are a few tips to make your web pages clearer and better looking.   # ****1. Add Columns for Shorter Line Lengths**** Full width pages are trending, but if your lines of text are too wide, it makes the entire text block hard to read. You could use an image to narrow your line lengths. Using columns is also a good way to show visual organization. ![ImagesA2.jpg](https://cdn2.hubspot.net/hub/342931/hubfs/ImagesA2.jpg?width=640&name=ImagesA2.jpg)   # **2. Use Block Quotes or Images to Break Up Space** You can break up long blocks of text with an important block quote or an image. Quotes can help the user scan the page to quickly pick up what the content is about. And images can help even more. This break in the text creates a natural place to slow down the reading, giving the viewer a comfortable pause in the content. It’s about creating room for the reader to “breathe.” [![ImagesB.jpg](https://cdn2.hubspot.net/hub/342931/hubfs/ImagesB.jpg?width=640&name=ImagesB.jpg)](http://harvestpeoria.org/history/) > Styling a page can be easy if you know how. # **3. Know The Importance of Headings and Subheads** A good way to help your visitors make sense of your web pages  is to have headers overviewing the content of various paragraphs. Don’t be afraid to use your different header styles. A header should be the overall subject of what the section is about. It is a good way to break up long blocks of text. A large chunk of text is intimidating, but having informative and catchy headers makes it more approachable. This creates clear hierarchy and makes navigating through your content easier. It also adds visual variety to your page and makes your content more dynamic. [![ImagesD.jpg](https://cdn2.hubspot.net/hub/342931/hubfs/ImagesD.jpg?width=640&name=ImagesD.jpg)](http://mk032.monkpreview.com/im-new/style-guide/) # **4. Encourage Your Readers to Click on Buttons** Use links to create movement. At the end of the content, you should consider what you want the viewer to do next. After reading your page, what would you like the visitor to do? - Do you want them to go to another page? - Seek more information? - Fill out a form? - Sign up for something? **You can use buttons to intentionally guide your visitors through your site.** That is why some blog sites have a “related posts” section, to create movement within the site So there you have it, four key guidelines to make a well styled webpage. These tips will serve as a good starting point, but don’t feel restricted by them. There are many ways to execute these ideas, and that is up to you. [![ImagesC.jpg](https://cdn2.hubspot.net/hub/342931/hubfs/ImagesC.jpg?width=640&name=ImagesC.jpg)](http://www.oakwoodbc.org/im-new/) Topics: [Design](https://hello.ekklesia360.com/blog/topic/design) [![Share on Facebook](https://static.hubspot.com/final/img/common/icons/social/facebook-24x24.png)](http://www.facebook.com/share.php?u=https%3A%2F%2Fhello.ekklesia360.com%2Fblog%2Fdesign-styles-clear-communication-church-websites%3Futm_medium%3Dsocial%26utm_source%3Dfacebook) [![Share on LinkedIn](https://static.hubspot.com/final/img/common/icons/social/linkedin-24x24.png)](http://www.linkedin.com/shareArticle?mini=true&url=https%3A%2F%2Fhello.ekklesia360.com%2Fblog%2Fdesign-styles-clear-communication-church-websites%3Futm_medium%3Dsocial%26utm_source%3Dlinkedin) [![Share on Twitter](https://static.hubspot.com/final/img/common/icons/social/twitter-24x24.png)](https://twitter.com/intent/tweet?original_referer=https%3A%2F%2Fhello.ekklesia360.com%2Fblog%2Fdesign-styles-clear-communication-church-websites%3Futm_medium%3Dsocial%26utm_source%3Dtwitter&url=https%3A%2F%2Fhello.ekklesia360.com%2Fblog%2Fdesign-styles-clear-communication-church-websites%3Futm_medium%3Dsocial%26utm_source%3Dtwitter&source=tweetbutton&text=Four%20Design%20Styles%20for%20Clear%20Communication%20on%20Your%20Church%20Website) [![Share on Email](https://static.hubspot.com/final/img/common/icons/social/email-24x24.png)](mailto:?subject=Check%20out%20https%3A%2F%2Fhello.ekklesia360.com%2Fblog%2Fdesign-styles-clear-communication-church-websites%3Futm_medium%3Dsocial%26utm_source%3Demail%20&body=Check%20out%20https%3A%2F%2Fhello.ekklesia360.com%2Fblog%2Fdesign-styles-clear-communication-church-websites%3Futm_medium%3Dsocial%26utm_source%3Demail)   ### Leave a Comment ### Subscribe to Email Updates ### Recent Posts ### Posts by Topic - [Featured (128)](https://hello.ekklesia360.com/blog/tag/featured) - [Best Practices (127)](https://hello.ekklesia360.com/blog/tag/best-practices) - [Strategy (117)](https://hello.ekklesia360.com/blog/tag/strategy) - [Design (95)](https://hello.ekklesia360.com/blog/tag/design) - [Ministry Insight (45)](https://hello.ekklesia360.com/blog/tag/ministry-insight) - [Giving (35)](https://hello.ekklesia360.com/blog/tag/giving) - [church websites (20)](https://hello.ekklesia360.com/blog/tag/church-websites) - [New e360 Themes (12)](https://hello.ekklesia360.com/blog/tag/new-e360-themes) - [e360 ChMS (10)](https://hello.ekklesia360.com/blog/tag/e360-chms) - [e360 Help (8)](https://hello.ekklesia360.com/blog/tag/e360-help) - [Church Management Software (6)](https://hello.ekklesia360.com/blog/tag/church-management-software) - [ChurchComm Stories (5)](https://hello.ekklesia360.com/blog/tag/churchcomm-stories) - [church communication (4)](https://hello.ekklesia360.com/blog/tag/church-communication) - [live streaming (4)](https://hello.ekklesia360.com/blog/tag/live-streaming) - [online giving (4)](https://hello.ekklesia360.com/blog/tag/online-giving) - [Christmas (3)](https://hello.ekklesia360.com/blog/tag/christmas) - [Church Management Software (ChMS) (3)](https://hello.ekklesia360.com/blog/tag/church-management-software-chms) - [Church Software (3)](https://hello.ekklesia360.com/blog/tag/church-software) - [How-To (3)](https://hello.ekklesia360.com/blog/tag/how-to) - [Stories (3)](https://hello.ekklesia360.com/blog/tag/stories) - [church marketing (3)](https://hello.ekklesia360.com/blog/tag/church-marketing) - [Easter (2)](https://hello.ekklesia360.com/blog/tag/easter) - [Leadership (2)](https://hello.ekklesia360.com/blog/tag/leadership) - [Live Stream (2)](https://hello.ekklesia360.com/blog/tag/live-stream) - [Outreach & Missions Ministries (2)](https://hello.ekklesia360.com/blog/tag/outreach-missions-ministries) - [VBS (2)](https://hello.ekklesia360.com/blog/tag/vbs) - [Website Design (2)](https://hello.ekklesia360.com/blog/tag/website-design) - [church growth (2)](https://hello.ekklesia360.com/blog/tag/church-growth) - [church technology (2)](https://hello.ekklesia360.com/blog/tag/church-technology) - [church volunteers (2)](https://hello.ekklesia360.com/blog/tag/church-volunteers) - [outreach (2)](https://hello.ekklesia360.com/blog/tag/outreach) - [pastors (2)](https://hello.ekklesia360.com/blog/tag/pastors) - [App (1)](https://hello.ekklesia360.com/blog/tag/app) - [Bible Verses (1)](https://hello.ekklesia360.com/blog/tag/bible-verses) - [Calendar (1)](https://hello.ekklesia360.com/blog/tag/calendar) - [Company News (1)](https://hello.ekklesia360.com/blog/tag/company-news) - [Designated Giving (1)](https://hello.ekklesia360.com/blog/tag/designated-giving) - [Donors (1)](https://hello.ekklesia360.com/blog/tag/donors) - [Free Resources (1)](https://hello.ekklesia360.com/blog/tag/free-resources) - [Fundraising (1)](https://hello.ekklesia360.com/blog/tag/fundraising) - [Generosity (1)](https://hello.ekklesia360.com/blog/tag/generosity) - [Mobile Apps for Churches (1)](https://hello.ekklesia360.com/blog/tag/mobile-apps-for-churches) - [Strategies for the Church (1)](https://hello.ekklesia360.com/blog/tag/strategies-for-the-church) - [Vacation Bible School (VBS) (1)](https://hello.ekklesia360.com/blog/tag/vacation-bible-school-vbs) - [Valentine's Day (1)](https://hello.ekklesia360.com/blog/tag/valentines-day) - [Worship (1)](https://hello.ekklesia360.com/blog/tag/worship) - [church mobile apps (1)](https://hello.ekklesia360.com/blog/tag/church-mobile-apps) - [church staff (1)](https://hello.ekklesia360.com/blog/tag/church-staff) - [church visitors (1)](https://hello.ekklesia360.com/blog/tag/church-visitors) - [graduates (1)](https://hello.ekklesia360.com/blog/tag/graduates) - [mobile technology (1)](https://hello.ekklesia360.com/blog/tag/mobile-technology) - [promotion (1)](https://hello.ekklesia360.com/blog/tag/promotion) - [scheduling (1)](https://hello.ekklesia360.com/blog/tag/scheduling) - [website layouts (1)](https://hello.ekklesia360.com/blog/tag/website-layouts) - [young adults (1)](https://hello.ekklesia360.com/blog/tag/young-adults) View All Topics ### Connect with Us [![Facebook](https://hello.ekklesia360.com/hubfs/facebook.png)](http://www.facebook.com/pages/MonkDev/159023244154460) [![Twitter](https://hello.ekklesia360.com/hubfs/twitter.png)](https://twitter.com/MonkDev) [![Google+](https://hello.ekklesia360.com/hubfs/google.png)](https://plus.google.com/+Monkdevelopment/posts) [![Linkedin](https://hello.ekklesia360.com/hubfs/linkedin.png)](https://www.linkedin.com/company/monk-development) [![Youtube](https://hello.ekklesia360.com/hubfs/youtube.png)](http://www.youtube.com/MonkDevelopment) [![Pinterest](https://hello.ekklesia360.com/hubfs/pinterest.png)](http://pinterest.com/monkdev) [![Feedburner](https://hello.ekklesia360.com/hubfs/rss.png)](https://hello.ekklesia360.com/blog/rss.xml) [![footer_texticon](https://hello.ekklesia360.com/hs-fs/hubfs/MinistryBrands-2019/Images/footer_texticon.png?width=37&name=footer_texticon.png)](http://www.ekklesia360.com/building-a-website-download/) 3 Features Every Engaging Church Website Has [Get the Free Resource »](https://hello.ekklesia360.com/3-features-every-engaging-church-website-has?_ga=2.176912416.427992245.1577988782-1938231214.1556744586) [![ft_posticon](https://hello.ekklesia360.com/hs-fs/hubfs/MinistryBrands-2019/Images/ft_posticon.png?width=39&name=ft_posticon.png)](https://twitter.com/MonkDev) NEW POST: "God has two dwellings; one in heaven, and the other in a meek and thankful heart." - Izaak Walton ![ft_hearticon](https://hello.ekklesia360.com/hubfs/ekklesia360/Images/ft_hearticon.png) “Very professional, easy to use, quick replies - super satisfied with our service from you guys!” - [Facebook](https://www.facebook.com/ekklesia360) - [Twitter](https://twitter.com/MonkDev) - [Vimeo](http://vimeo.com/monkdev) [![logo_ekk_credits](https://hello.ekklesia360.com/hs-fs/hubfs/ekklesia360/Images/logo_ekk_credits.png?width=126&name=logo_ekk_credits.png)](http://ekklesia360.com/)