New Facebook Page in Dark Mode

New Facebook Design Rolling Out

In the chaos that is facing the world right now, I thought I’d take a quick break from COVID-19 news to focus on something completely unrelated.

I logged into Facebook just now – 20th March 2020 – and Facebook displayed an option to try out the new Facebook design.

Invite to check out the new Facebook

Facebook Now Has Dark Mode

On hitting the go button, the first screen invited me to check out a new dark mode. This is a feature I’ve seen requested by a lot of smartphone users but usually limited to just the smartphone apps themselves. I’m not sure the darkmode works so well on a large monitor in a bright room, with the white text being a little harder to read on a dark background. Not to mention the usual dark coloured borders and dividers being less obvious, making it hard to see where one item ends and another begins.

Introduction to the new Facebook

New Facebook Page Design

The new design appears cleaner with large, symbol buttons, suggesting more of a design made for mobile devices that large monitors. Using a 1920×1200 monitor, the content was pretty spaced out.

The new design has a lot less of the traditional Facebook ‘blue’ colour.

Something I do like is that you no longer have to scroll past large photo and video collections before you get to a Facebook Page’s posts.

Old Facebook Page Design

A Facebook Page in the classic format. Three columns and causing you to scroll past large ‘video’ and ‘photo’ boxes before getting to posts.

New Facebook Page Design

The new Facebook Page design. Two columns, a large information box, and straight into the posts. More space between elements gives a cleaner look.

New Format for Cover Photos

Something worth noting is that on first visiting a Facebook Page as a user, the cover photo is almost entirely cropped. The user needs to scroll up in order to view the photo. The cover photo itself is, however, large at 940×348.14 (thanks Facebook), albeit at maximum size on desktop.

Even when scrolling up, the very top of the image is truncated due to the top-menu overlaying over the image. Example shown above – the Sony text in the top-left corner is cut in half. Sony used an image of dimensions 949×403.

On first visiting a Facebook Page, the cover photo display is minimal.

New Facebook Page Design

Scrolling up reveals the full cover photo, except for the very top which is hidden under the top menu bar.

Screenshots of the New Facebook Design

I took a few screenshots of various views. Check them out below.

Facebook Feed in Dark Mode

Facebook Feed in Dark Mode

Facebook Feed in Normal Mode

Facebook Feed in Normal Mode

New Facebook Page in Dark Mode

The new Facebook Page design in dark mode.

New Facebook Page Design

The new Facebook Page design in normal mode.

New Facebook Profile Design

New Facebook Profile design. Profile photo is centralised.

New Facebook Profile Design

New Facebook Profile design, Scrolled-up with developer view to show cover photo dimensions.

How do I get the new design?

A quick Google shows that the design is rolling out around the world right now. Hold on tight and keep an eye out for a banner showing across the top of your monitor when using Facebook in a desktop browser.

Using Data at Meetings

Use Data. Don't Just Listen to the HiPPO.

I'm currently going through a few online courses (as mentioned previously) during the lockdown. Right now, I'm completing a course by Google focused on ads measurement, and I came across one section that I had to share: Individual Measurement Habits.
Free Online Marketing Courses

Free Online Courses for Digital Marketing

During the COVID-19 lockdown, now is a great time for marketers to check out some free online digital marketing courses and prepare for the return to work.
New Facebook Page Design

New Facebook Design Rolling Out

An all-new Facebook design is rolling out to desktop web browsers around the world. Take a look at the new dark mode and learn about new cover photos.
How to create a website

Create Your First Website in 5 Easy Steps

Thinking about creating a website for your small business or hobby but not sure where to start? Read these 5 simple steps.
Apps for Marketers

5 Top Apps for Marketers

This is a broad title, but here's a quick list of some of my favourite apps that I'm using for marketing work these days. Largely used on iPhone but some with web and PC/Mac versions as well.