What is Singular?

Singular delivers a minimal Tumblr theme with maximal impact. It has a stripped down visual hierarchy to give your photos, video and other media room to shine. With media auto resized to match the full width of your browser, it's a theme optimized for extra large resolution (e.g. 1200px width or larger) photos and high definition video. It's customizable, HTML5 friendly, and fully responsive to look cool on almost any modern web device you throw at it, from an iPhone to a Cinema Display.

Features

One at a time

Many popular Tumblr themes try to cram a lot of posts in a tight, grid-like space. It's certainly a strong approach, but Singular intentionally moves in the opposite direction, with emphasis on one post at a time. The layout adds extra white space to give more of a pause between posts. Spacing is based on Tim Brown's modular scale to maximize fluidity and rhythm.

Optimized for high resolution

Out of the box, Singular will auto resize all non-textual content to take up the full width of the browser window. There's no more separate light boxes or photography crammed into small 500px views; users that have a extra high resolution display will see your Tumblr photo or video in full detail.

Responsive layout

Turn that Tumblr default mobile theme off; Singular is optimized out of the box for smartphones, tablets and other smaller browsers. Content resizes automatically to adapt best for any browser width, whether it's 300px or 3000px.

Media optimized for retina/HDPI displays

Singular relies on modern CSS, a Helvetica type face and Font Awesome for its layout. In addition, high res image and HD video posts will auto scale down to match a smaller mobile display width while retaining a high pixel density. The end result: your media looks awesome on an iPhone, iPad or other high resolution device.

Custom color schemes

Not crazy about the default dark on light look? No problem; there's a darker theme that can be enabled with a single checkbox. The color of almost all other media elements, from the links to the text and borders, can be set to almost any value.

Lazy loading

Singular may be optimized for high res media, but performance still matters. That's why the content for photo posts only loads when it scrolled into view on a browser. Users get a fast page load and snappy performance.

HTML5 based

Developed with the HTML5 doctype and elements, using the HTML5 Boilerplate based bare tumblr as a starting point. Fully validated according to w3.org HTML5 specifications.

Browser friendly

Tested and compatible with IE8+, Safari, Chrome and Firefox.

Settings

After installing Singular there are some checkboxes you can check on and off to customize the theme to your liking:

Custom Header Footer Background Black

By default, Singular's floating header and footer have a semitransparent grey background color. Checking this switches the header and footer background color to black. This won't take effect unless the Use Custom Colors checkbox is checked.

Custom Header Footer Background White

Same as the previous, except the background switches to a white. Useful when the overall body background color is dark.

Include Chrome Frame

Auto inserts a Google Chrome frame for Internet Explorer users running less than version 7. The frame tells users to upgrade.

Include Google Analytics

If you're a blog that uses Google Analytics, have this option checked. You'll have to edit the HTML and scroll to the near end of the code where 'UA-XXXXX-X' is listed. Change this to your site's Google Analytics ID.

Limit Content to 1200

While Singular is best with very high resolution media uploads, sometimes you just don't have content that big to post. Or your target audience rarely comes to your site with a super wide resolution. Or you just want to put a limit on post width. Checking this box limits all posts to a width of 1200px.

Limit Content to 960

An even more drastic adjustment, checking this limits all posts to a maximum width of 960px.

Use Custom colors

Check this to have any custom color settings in the Appearance panel actually take effect. This also enables the custom header footer background checkboxes to have an effect if checked.

Use Dark Theme

Switches the overall color scheme of Singular to a light on dark look. Note this overrides the use custom colors checkbox.