I think, white is better

The white version has better contrast, and I am inclined to read the message more. However, the video section seems weird located and it is not very inviting to watch. If it is important to create a section for it below, otherwise make it an image. On the dark version, the video is completely camouflaged with the background. I was thinking about a different browser border to make it stand out more.

Other people have said the exact opposite, but I find the black version to have much clearer contrast - screenshots and videos are blending with the background of the white one and making it feel less structured. My eye is better drawn through the hierarchy of the page on the black version.

I actually prefer the design of the dark one (maybe because it is different to a lot of landing pages that you see), but practicality wise the white is probably better

I personally find light text on a dark background harder to read, but I also have old eyes. I think in general our brains are wired to inherently read dark text on a white background, which provides more contrast.

This may have already been suggested, but you could add a "night theme" toggle and monitor how many people use it.

Use what is appropriate for the subject and the brand. Gap is never going to have a dark theme design because it does not work with their brand. This dark themed website works for the Tesla Roadster, because it fits the theme (A pretty common usage for conveying high-end automobiles): https://www.tesla.com/roadster

Faraday alternates between light and dark blocks: https://www.ff.com/ It works.

Use what fits the brand and subject matter to set the tone for what you want to convey. Obviously while still keeping usability in mind for whatever direction you go in, in terms of a color tone theme.

(Viewed on Desktop)

On the first load I completely lost your request access field. I think this was due to the amount of animation you have on the initial load. This goes for both the Light and Dark theme.

Maybe try moving the requested bar down a bit so the call to action has more space to be dominant and not lost amongst the animations.

Also not sure if you need the requested bar animated, it's nice don't get me wrong but I think the fact that you have two animations going at once confused me a little and I was looking all over the place at the start. If I had to pick I'd say keep the bar animation because it links to your primary objective, getting people to request access.

Personal preference but I think the Light theme was easier to ready and felt like the page had more breathing room.

Hope that helps

I collected some tips on making the choice on light or dark UI some time ago here. Not to take your time here, there you'll find ideas how interface color scheme influences readability, accessibility, and clarity of the page. https://tubikstudio.com/light-or-dark-ui-tips-choose-proper-color-scheme/

Basically, the purpose of the interface and the target audience are among the most essential factors, as for me. In your case between the examples you show (both good-looking), I would choose the dark interface. The page is not overloaded with the text and fonts are readable, so it won't be hard for users to read the information. Dark background is often associated with the process of coding; for me, it looks more elegant and stylish.

However, I have to support all the previous comments here that mentioned video: in dark background, it's not as obvious and catchy as in light version. So, if you aren't going to change the design to make the video more catchy on the page and want your users to notice that video content, the light version will definitely work better.

P.S. My greeting to the Flawless team, you guys are cool

On the white background my eye was drawn to your mockup/video, on black my eye was drawn to the # of requests progress indicator. I'm not sure why. But I think you would prefer attention to go to the product video.

If you're going for high readability then you should go with the white background. If you want a dark background, try a lighter version of the colour you're using as the background of your text fields - something like #333f54 - and increase your base font size to 18px.

I always prefer to not use full black and white as it can be quite harsh.

I reckon the white is the best.

1. The design looks really messy and hard to get through at first glance despite selected theme.
2. Using terms 'black' and 'white' for naming themes is not a good idea because white itself is too bright, black itself is too dark. And their combination creates eye-burning contrast which makes the page unreadable (especially in dark mode). Right terms IMHO are 'dark mode' and 'light mode' referring to color of main text on the page and color of it's background.

I prefer dark no matter what because I hate having a lamp flashing right into my face. The majority of people will still prefer light theme due to habit.

The best way is to carefully work on contrast and provide both options.

I prefer the dark one, although I imagine that on mobile phones in very bright places it can play against.

White because of better legibility.

Is there something like what you are making for Web? I really need this.

P.S. White looks better, draws attention to the dark UI

White, easier to focus on content. Feels more inviting. Plus the right mockup gets really lost in the dark version.

We don‘t know what is better. A/B test it than we will all know...

White is much better.

Lighter is brighter and more friendly.

White version. Black has contrast issues.

I like both but I think I prefer the white a little more.

It's not black it's more like dark blue ... so question must be dark or light ... dark should always be an option .. even if it's cool white is alway more readable and white give you colors option and mood that dark don't allow

I prefer a darker version, given the audience and their work environment. It may feel seamless as workflow if the dev goes from and IDE to this.

Plus isn't dark mode like the hot trend right now? ;)

What message are you trying to send to your audience? Research your audience and what black and white mean to them, and then decide based on that. Generally black is a bit more masculine and 'tech-ish' and white is open and more inviting if you're trying to go for a broader audience.

We create a dashboard for market studies at my job and the white have been chosen because of

• Colors contrasts
• Simpler at the moment to bring old fashioned customer who are used to classics printed market studies to an interface basically the same color as their printed counterpart
• We need to export those for presentation or print format if needed

But dark mode support highly hype me for the future of our platform...

White. Why? As your product's UI is dark. Making the presentation white, drives the product features forward, and the contrast looks just perfect in white, in my opinion.

I've read an article on medium that talks about this. I agree with the author and in your case I would say white is better.

Here's the article: https://blog.significa.pt/dark-ui-why-when-where-987775229b9e

White. Not only because it's easier to read but also it convinces me more to watch the video.

White ) It's an old story about white or black, but somehow white websites are selling and converting better...