Definitive guide

How to create a mind-blowing news website with/without a web designer

Best News Websites of 2023| 23 Inspiring Examples

#1 Hosting For news Websites →
Professional Website Example

Home » Blogs » Best News Websites of 2023 | 20 Inspiring Examples

Welcome friendly stranger! You're looking for some inspiring news website designs. You found the right page.
My name is Ralph de Groot. I'm the founder and author at My Codeless Website. Wake me up for a great web design. I love writing about website examples, too!

Ralph de Groot – My Codeless Website
Want more visitors to your news website?

Hey! I’m Luka, I’m the founder of the NPointSEO Digital Agency. I help business owners increase website traffic, leads, clients, and ultimately profit.

✓ NPointSEO specializes in getting more visitors to  news websites (+600%)

✓ Schedule a quick strategy session and let’s grow your traffic! 👋📈

Luka NPointSEO

The best news websites of 2023.
Best Carousel Website Examples

1. ABC News

URL: https://abcnews.go.com/

If you’re someone who watches the news every day but suddenly can’t because of personal reasons, you can visit ABC News. They have various trending videos for you to check out. Also, they have news for every topic, so you will still be updated wherever, wherever you are. 

What you can learn from this great website design

  • Clean and professional web-design 
  • Comprehensible graphic designs and  illustrations 
  • Functional and easy to navigate 

Click the Blue/White buttons to get started – or find a web designer 🚀

Ira Pavlona - Model Website Examples

2. CNN

URL: https://edition.cnn.com/

CNN is a famous news platform wherever you are. If you haven’t seen its website, you definitely should to keep yourself updated with what’s happening worldwide. CNN has a neat and organized Featured Section you could explore on. You could also search a specific topic with ease. 

What you can learn from this great website design

  • Lots and lots of white spaces!
  • Unique mouse cursor – it matches well with the page designs
  • Wide range of visual media

Click the Blue/White buttons to get started – or find a web designer 🚀

Bohemia Design - Carousel Website Examples

3. BBC

URL: https://www.bbc.com/

The British Broadcasting Corporation (BBC) is the national broadcaster of the United Kingdom. Aside from giving its visitors the news they deserve on its website, they also have every report in various languages. How cool is that? Wherever you are, you can read any article in the language you are most comfortable reading. 

What you can learn from this great website design

  • BBC news in other languages 
  • Sleek web design
  • Lots of resources – blogs, videos, and press reviews! 

Click the Blue/White buttons to get started – or find a web designer 🚀

Mercedes AMG - Carousel Website Examples

4. New York Post

URL: https://nypost.com/

New York Post’s website only features the news in the middle, which is a good approach as the visitors won’t be overwhelmed and can focus only on one spot.  Disorganized layouts and distracting images can have an impact on the mood of your viewers. When viewing your website, a viewer has only two options: stay or leave. Learn from this example while you’re at it! 

What you can learn from this great website design

  • New and original web design
  • Centered content 
  • Unique menu navigation

Click the Blue/White buttons to get started – or find a web designer 🚀

Netflix - Carousel Website Examples

5. TheBlaze

URL: https://www.theblaze.com/

The Blaze has such an amazing featured photo for every piece of news, making the whole website look good because of the color being presented. Colors draw readers in and encourage them to remain longer on your website. Color pairings are quite important.

What you can learn from this great website design

  • Subtle color scheme in the background
  • Memorable web design 
  • Creative concept!

Click the Blue/White buttons to get started – or find a web designer 🚀

Carousel 3 - Carousel Website Examples

6. SF Gate

URL: https://www.sfgate.com/

SF Gate wants you to read every piece of its news by nicely enlarging the fonts. Reading is not enjoyable if you have difficulty seeing the text because they are too small. As a result, ensure that suitable font sizes and styles are used. Learn from this example! 

What you can learn from this great website design

  • Large fonts
  • High-quality and relevant content 
  • Simple web design

Click the Blue/White buttons to get started – or find a web designer 🚀

Caitlin Christine - Model Website Examples

7. CBS News

URL: https://www.cbsnews.com/

Unlike the first mentions, CBS News prioritized having more images on its website rather than an overwhelming amount of text. A website with a lot of content might be taxing on the eyes. It’s an overload! Too many paragraphs and extensive intros can reduce your viewer’s attention span.

What you can learn from this great website design

  • High-quality images 
  • Modern font style
  • Clear call-to-action buttons

Click the Blue/White buttons to get started – or find a web designer 🚀

Laura Granja - Model Website Examples

8. The Intercept

URL: https://theintercept.com/

The Intercept emphasizes its news by providing a large featured image for each. That way, the audience will be more likely to be interested because it looks more interesting to look at. As humans, we are very visual beings, so images attract our attention and spark emotions that draw us in. Images on a website can enhance the user experience and help to present important information in a more digestible manner.

What you can learn from this great website design

  • Bringing news to life by having a large featured image 
  • Simple yet sleek web design
  • Well-thought-out graphic illustrations

Click the Blue/White buttons to get started – or find a web designer 🚀

Barbara Lim - Model Website Examples

9. Bloomberg

URL: https://www.bloomberg.com/asia

As you visit Bloomberg, you’ll see a lot of lines as part of the web design. To determine the overall direction of the page, the designer employed a specific linear flow. If you’re into lines and would like to use them as website element, this one should be your inspiration. 

What you can learn from this great website design

  • Wide range of color schemes – striking, bold, bright
  • Motion graphics are of superb quality!
  • Use of lines as part of the whole web design

Click the Blue/White buttons to get started – or find a web designer 🚀

Victoria Togoe - Model Website Examples

10. The Times

URL: https://www.thetimes.co.uk/

The Times looks so classy for a news website. I love how they aim to look professional with the use of a black palette. Black is an elegant color. Even for websites, a black color palette adds a note of gracefulness and high style. That is why black is for sites of companies that sell high-end products and services, to convey a sense of luxury and expensive price for high quality.

What you can learn from this great website design

  • Classy background color 
  • Elicits gracefulness and high style 
  • Accessible to all users 

Click the Blue/White buttons to get started – or find a web designer 🚀

Cindy Prado - Model Website Examples

11. Mashable SEA

URL: https://sea.mashable.com/

Mashable SEA may seem new to you, but they provide news about Tech, Life, Social Goods, Entertainment, and Deals. For those who don’t know, Mashable SEA is a global, multi-platform media and entertainment company. Check this website to learn more about the consistent amount of white space and aligning elements. 

What you can learn from this great website design

  • Playful color scheme and drawings
  • Great copywriting!
  • Wonderful execution of graphic movement

Click the Blue/White buttons to get started – or find a web designer 🚀

Joy Corrigan - Model Website Examples

12. Reuters

URL: https://www.reuters.com/

Reuter decided to use a lot of orange tones for its news website, which is an excellent choice. For those of you who don’t know, orange is often used to portray youth, playfulness, and being bold. It is also seen as healthy, energizing, and attention-grabbing – perfect for a platform as profound as this! 

What you can learn from this great website design

  • Great choice of colors 
  • Well-planned information architecture 
  • Accessible to all users 

Click the Blue/White buttons to get started – or find a web designer 🚀

Gigi Hadid - Model Website Examples

13. The Wall Street Journal

URL: https://www.wsj.com/

The Wall Street Journal looks like a website straight from an essay work. I love how neat and educational the pages look as they deliver news on politics, economy, business, real estate, life, and work in general! Great stuff here! 

What you can learn from this great website design

  • Professional web design
  • Well-formatted content that is easy to scan
  • Clean menu structure

Click the Blue/White buttons to get started – or find a web designer 🚀

Taoheed Bayo - Model Website Examples

14. Google News

URL: https://news.google.com/

Google News’s website looks very clean and professional. Unlike the others, its news and other stuff are presented downward, so you must scroll down to see the whole thing. The organization and presentation of information on this website are critical for usability. 

What you can learn from this great website design

  • User-friendly web design
  • Well-planned information architecture 
  • Clean menu structure

Click the Blue/White buttons to get started – or find a web designer 🚀

Ciana Newman - Model Website Examples

15. NBC News

URL: https://www.nbcnews.com/

This website knows how to feature news in a clean, organized way. If you’re looking for a news website inspiration, I’d suggest this one in a heartbeat! Go to NBC News for breaking news, videos, and the latest top stories in world news, business, politics, health, and pop culture.

What you can learn from this great website design

  • Fast load times 
  • Browser consistency 
  • Good usability 

Click the Blue/White buttons to get started – or find a web designer 🚀

Ciana Newman - Model Website Examples

16. The Washington Post

URL: https://www.washingtonpost.com/

The Washington Post used long vertical lines to divide each news nicely. Aligning information in a design creates a clear path for the eye to follow. Remember that the human eye enjoys following roads, trails, and rivers. When you disrupt that sequence, the eye will wonder why.

What you can learn from this great website design

  • Clean. professional design 
  • Accessible to all 
  • Clean news structure

Click the Blue/White buttons to get started – or find a web designer 🚀

Ciana Newman - Model Website Examples

17. Forbes

URL: https://www.forbes.com/

Forbes knows how to emphasize its news by giving it the spotlight it deserves through a smooth, clean layout. Elegance is found in simplicity. No matter how simple your design is, incorporating innovative patterns, such as a paisley design, can be enticing to your readers. It has the potential to relax their brains. As a result, users will be able to concentrate more and spend more time on your website.

What you can learn from this great website design

  • Professional web design
  • Clean layout 
  • Uncluttered menu structure

Click the Blue/White buttons to get started – or find a web designer 🚀

Ciana Newman - Model Website Examples

18. USA Today

URL: https://www.usatoday.com/

USA Today never fails to serve you daily news with clear image resolutions. Images with crisp and high resolution are more enticing to website visitors. Content combined with visuals effectively conveys a message. Make this website your next inspiration! 

What you can learn from this great website design

  • Professional web design
  • Clear image resolution
  • Interactive interface 

Click the Blue/White buttons to get started – or find a web designer 🚀

Ciana Newman - Model Website Examples

19. Vanity Fair

URL: https://www.vanityfair.com/

Out of all examples here, Vanity Fair has the most stylish font to keep you in awe and engaged. The fundamental strategy for using typography is to choose the appropriate typeface. The typeface should be as simple as possible. It should not be overly small or shabby, like this one. Color, typeface, and text size are all important factors in attracting your target audience.

What you can learn from this great website design

  • Stylish fonts 
  • Accessible to all users 
  • Organized web layout 

Click the Blue/White buttons to get started – or find a web designer 🚀

Ciana Newman - Model Website Examples

20. The Hill

URL: https://thehill.com/

The Hill’s website has an excellent visual hierarchy. Creating emphasis in web design necessitates a hierarchy of page elements.  If everything is on the same level, viewers will be confused about where to look first. You must direct your audience through the design, ensuring they can simply find the content they seek, as seen on this website. 

What you can learn from this great website design

  • Professional web design
  • Excellent visual hierarchy 
  • Nice choice of blue tones 

Click the Blue/White buttons to get started – or find a web designer 🚀

Entrepreneurship Life - News Website Examples

21. Scubby

URL: https://scubby.com/

Scubby allows users to be informed and updated on the latest news and events wherever they are. The website’s design is simple and clean but loaded with information that you might look for. The white spaces give the design a more minimalist and neat aura that makes the website look serious and professional. Awesome!

What you can learn from this great website design

  • Professional web design
  • Lots of white spaces
  • Nice choice of blue tones 

Click the Blue/White buttons to get started – or find a web designer 🚀

Eco Ideaz - News Website Examples

22. Eco Ideaz

URL: https://www.ecoideaz.com/

Eco Ideaz is an Indian news website that informs and educates users on how to become eco-friendly. They showcase all kinds of eco-friendly companies based in India to help save the environment. This is a great movement that everyone should know about and take part in. The website’s design matches well with its branding and the color palette is sleek, especially the green tones.

What you can learn from this great website design

  • Inspiring movement
  • Simple web design
  • Fast-loading website

Click the Blue/White buttons to get started – or find a web designer 🚀

Gulf Inside - News Website Examples

23. Gulf Inside 

URL: https://gulfinside.com/

Gulf Inside is a complete news and information website that hails all the way from UAE. Their website just simply screams professionalism and sleek design. The font style chosen for the design matches well with the all-over vibe of the website and makes it well-polished. If you want to know more, visit their website now!

What you can learn from this great website design

  • Great use of white space
  • Easy menu navigation 
  • Great choice of elements

Click the Blue/White buttons to get started – or find a web designer 🚀

Proche - News Website Examples

24. Proche

URL: https://www.theproche.com/

Proche is an English-language technology news source published in India that focuses on blockchain, IoT, automation, hyperloop, artificial intelligence and electronics, and smart cities. Their website may appear simple but I am sure that you will enjoy learning new tech knowledge from them. So, what are you waiting for? Click the link now!

What you can learn from this great website design

  • Great color combination
  • Information-loaded website 
  • Easy navigation

Click the Blue/White buttons to get started – or find a web designer 🚀

The Daily Guardian - News Website Examples

25. The Daily Guardian

URL: https://thedailyguardian.com/

The Daily Guardian will surely become your daily guardian with your everyday news. Its stylish and modern style got you hooked on its website. I love the white spaces that are present in the design since it makes it look clean and sleek. I also love the font that they use for the logo which makes it look trendy yet professional. Awesome!

What you can learn from this great website design

  • Great use of white space
  • Modern font style
  • Minimalist design

Click the Blue/White buttons to get started – or find a web designer 🚀

Inspiring news website templates,

These are my favourites.

BONUS – Here is my favorite template

Business Coach Template

Model Website Template

URL: https://mycodelesswebsite.com/try-theme/technology-news

Why this is such a great template

  • Clean design, great to turn visitors into customers
  • WordPress compatible, easy to customize
  • Free download if you’re a Divi member

🚀 Click on the blue button to download – or ask a web designer to help you

BONUS: Elegant Themes

URL: https://elegantthemes.com/

Although this one officially shouldn't be in this list - I couldn't keep this one from you. Elegant themes has amazing website themes and leads by example. Their own homepage looks stunning.

What you can learn from this great  website

  • Playful design
  • Clear call to actions
  • Great user experience

More website examples

xuva modern website example

Modern Examples

Limepay Startup Website Example

Startup Examples

xuva modern website example

Divi Examples

3 Award Winning Web Designers I recommend

I highly recommend you to have a look at their portfolios!

WORDPRESS EXPERT

UNIQUE DESIGNS

CONVERTING WEB DESIGN

Kegan Quimby

keganquimby.com
Kegan is a freelance WordPress designer/developer. He works with businesses of all sizes to share their story. He builds websites that are fast, mobile & SEO friendly, and built to last!

He specializes in WordPress design and development. From branding to e-commerce, to mobile, and everything in between.
He has a focus on small to medium size businesses but also has enterprise clients

BOWEN

bowenmedia.com
BOWEN is a premium web design agency based in the USA that partners with businesses to create powerful, enduring results. We combine exceptional artistry and sharpened strategy to provide our clients with unparalleled value.

This web design agency focuses on high-quality websites
This company partners with medium-large sized companies

Lovepixel Agency

lovepixelagency.com
We Build Highly Converting Funnels / Brands / Websites that people fall in Love with.
Personal Brands, Authors, Speakers, Influencers, Coaches, Consultants. Check my video to see how we work 👋

This web design agency specializes in custom websites using WordPress
They focus on a personal touch that allows the visitor to connect with the website. Great for personal brands!

1

Website hosting that I recommend.

Where should I host my website? Have a look at our #1 hosting.

Great for hosting a single website
Cheap
Great support

Great for hosting multiple websites
Free migrations

Ralph de Groot
Recommended Page Builder

2

Selecting the right page builder.

Analyze the best examples on this page and select a page builder that is powerful and isn't buggy.

Here is the one I recommend.

3

Grab my install guide.

Analyze the best examples on this page and select a page builder that is powerful and isn't buggy.

Here is the one I recommend.

Recommended Page Builder
Recommended Page Builder

4

Best Practices (BONUS).

Claim the right domain before it's gone

Spend your money wisely.

We recommend Divi, it's great for beginners and allows you to customize everything.

news website building
You can use these amazing news websites as inspiration for your own website. Of course you shouldn't copy these websites. Simply pick your favourite ones and blend them into your perfect design.
news website design
I hope you enjoyed these news website examples. If you need help to design a website, make sure to request a free quote. I'm sure we'll be able to help you out!
news website builders
Are you looking for a news website builder? I'm a big fan of Divi. Honestly, I've been using it for 5+ years now. It's such a powerful tool, yet easy to use. I can't recommend it enough!
Ralph de Groot – My Codeless Website

About the author

My name is Ralph de Groot. I love excellent web design. In fact, you can wake me up at night if you find an inspiring website. Besides writing on My Codeless Website I also love to read and travel.

PS: If you decide to purchase a tool I recommend, I get a small commission at no extra cost to you.

 

FAQ

What makes a good news website?

A great news design should have a clean design, be easy to navigate and include a lot of social proof. Have a look at this page for great example websites.

How to create a news website?

  1. Analyze the best examples on this page
  2. Make notes of what you like – and what you don’t like
  3. Design your own site with this a drag & drop website builder 
  4. Publish your website with our recommended hosting platform.

How much does a news website cost?

A web designer will charge anywhere between $3000 and $6000 for a decent website. However, this article will teach you to do it yourself for less than $100.

What information is needed on a news website?

Your website will need at least the following pages: ‘Home, About me, Contact, Portfolio’. To create trust with your visitor it’s important to show lots of pictures of your breaking news.