Mobile app version of vmapp.org
Login or Join
Carla748

: Is there a name for the design style of Bloomberg.com and Cards Against Humanity? I am a big fan of bloomberg.com's design style (big black thick text for titles, pure white space, boxes and

@Carla748

Posted in: #StyleIdentification

I am a big fan of bloomberg.com's design style (big black thick text for titles, pure white space, boxes and horizontal lines), which is somewhat similar to the one of Cards Against Humanity (the game). I was wondering if there is a name for this style, or what are the main characteristics behind it in the eye of a graphics designer (I am not one).

PS: also, what is the family of fonts they use?

10.02% popularity Vote Up Vote Down


Login to follow query

More posts by @Carla748

2 Comments

Sorted by latest first Latest Oldest Best

 

@Nimeshi706

Neue Haas Grotesk / Helvetica

Both Bloomberg and Cards Against Humanity use Helvetica. Cards Against Humanity uses Helvetica Bold and Bloomberg uses Neue Haas Grotesk, which was the original name for Helvetica. I havn't looked at the version of Neue Haas Grotesk Bloomberg uses so there are probably differences to Helvetica, which has been adapted for various uses over the many years since it changed its name, but they are essentially the same font.


History of Neue Haas Grotesk and Helvetica
Neue Haas Grotesk in the Wild


The Swiss Style

Broadly speaking the style is modernist. More specifically it is very reminiscent of what is known as the International Typographic Style or the Swiss Style, which became famous in the 1950s and 60s and influenced design around the world. The style makes use of bold sans-serif typefaces, use of negative space, grids, cleanliness and functionality.


Lessons From Swiss Style Graphic Design
International Typographic Style Wiki


Neo-grotesque sans-serif fonts such as Helvetica and Univers are hallmarks of the style:



Some examples of Swiss Style design:






There are elements in Bloomberg's design that don't quiet fit the Swiss Style, but parts of (and especially the points you mention) are very reminiscent of and obviously influenced by the style.

10% popularity Vote Up Vote Down


 

@Karen819

The header font used is Neue Haas Grotesk Pro Display 75 Bold



FYI: There are multiple browser extensions that can easily display the font used on a webpage. You can also inspect the website to see the CSS styles.



I would say there isn't a specific style associated with how the text is displayed. (The following is a my opinion) They place the text over the image to display more stories in a smaller place/see more stories above the fold. They use a white background for readability.

The similarities between Cards Against Humanity and bloomberg.com is that the font is very similar (possibly the same). They both do use a pretty small line-height.

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme