This page loaded in seconds.

Mercury Wings

Mercury CSS


I always knew I was a star, and now the rest of the world seems to agree with me.

Freddie Mercury

Mercury CSS is a tiny classless stylesheet built for SPEED. It hookes directly into HTML elements adding minimal modern styling focused on good typography, fast load times, and responsive design.

The Mercury CSS stylesheet is 4kb unminifed.

Mercury CSS is a good place to start and build upon for most modern web development. And it's a pretty good place to stop if you care primarily about legibility and speed.


As a classless css stylesheet, Mercury CSS is primarily concerned with great typography. Great in the sense that it is easy to read and you probably won't notice much else about it, not great in the sense that it will win an AWWWARD.


The typographic scale is modular with a base font size of 16.18px and all other sizes being a factor of that and harmonic multipler of 1.375.

Header 1

Header 2

Header 3

Header 4

Header 5
Header 6

Body Copy (16.18px)

Small copy (11.76px)


It's eating the world

define m_hello() {
    print "Hello, World.";
for (var i = 1; i <= 100; i++) {
    var expletive = '';
    if (i % 3 === 0) expletive += 'Fizz';
    if (i % 5 === 0) expletive += 'Buzz';
    console.log(expletive || i);


Unordered List
Ordered List
  1. Partridge in a Pear Tree
  2. Turtle Doves
  3. French Hens
  4. Calling Birds
  5. Gooolden Riiings
Nested List

Fight or Flight response breakdown:


Styled throughout. They look like this link to DuckDuckGo, a search engine that respects your privacy.


Type Setting Use Seats
Picnic Park BBQ 4-6
Kitchen Home Eating 4
High Top Bar Mingling 3
Dining Formal Dining Room ??? 6-8
Ping Pong Frat Drinking Games 43

A Table Table


Images are responsive:

example image

Freddie Mercury and cat

Form Elements

Input Fields

Note: Placeholders are not recommended.



Radio Buttons


Action Inputs

  <input type="submit">

  <input type="button">

  <input type="reset">

  <input disabled type="submit">


  <button type="submit">

  <button type="button">

  <button type="reset">

  <button disabled type="button">

Made by Wade Meredith in Kansas City.

Mercury CSS on Github.

☿ ☿ ☿