Byron Theme

Hand crafted by Style Hatch, Byron works beautifully for long form posts and vivid, high resolution photography. The theme features a responsive design for mobile and options to drastically change the appearance to match your style. Have questions, need support or want to say hello? Send us an email or a tweet.

[byron-theme]

Introducing Byron For Long Form Writing and Beautiful Photography

When we set out to create Byron we had long-form writings, essays and beautiful photography in mind.  Every post type has been thoughtfully crafted to create one Style Hatch's most versatile premium themes yet. 

From the beginning Byron was designed to be fully responsive so that your blog looks fantastic from the largest resolution screens, all the way down to mobile devices.  Go ahead, try it out, resize your browser window or visit the demo site on your mobile device.

Fully Customizable

Virtually everything in Byron can easily be changed to fit your style using Tumblr's customize menu.  You can dial a perfect color scheme, add background images, modify the fonts using Typekit and Google Fonts, and add features like Disqus comments, Instagram feed and more.  To give you an idea of the possibilities see our Byron Fashion demo site.

Responsive Layout

The types of devices and ways that people are viewing your blog are growing exponentially, so having a layout for your blog that adapts from the largest resolution monitors down to mobile views is important. Go ahead and try it out, resize your browser window down to get an idea of how the layout changes. We have tested and optimized

Byron was optimized for iOS devices (iPad and iPhone) but it should work for other mobile devices just the same.

Social Features

We built into Byron the ability to load up other social features that make it easier to show what you do outside of Tumblr, share your posts and allow people to add comments.  Byron comes with support for Twitter's widgets,  Instagram feed, Disqus comments and easy ways to share, like and pin your posts on Twitter, Facebook, Google Plus and Pinterest.

Additionally you will find a handful of social networks that you can link to in the Customize menu.

Customization Options

Our goal is to give you the creative freedom to customize Byron to fit your personal style. With the color options, background images, layout options and social integrations the flexibility is unlimited.

We can’t wait to see what you do with it! Send a link our way @stylehatch.

Colors

Text - Change up the text color used for all of the posts.

Title - By default all of the post titles are slightly darker than the text color, but you can change the title color used for h2 tags and text post titles.

Post Background - Change up the color of the post background from white to any color you like.

Subtle - The subtle color is used for the footer elements, dotted line dividers and text-based UI elements.

Accent - This sets the color of the links throughout the theme as well as the blocks of color for link posts, quotes, and your site title.

Hover - This color option is a variation of the accent color that shows up when you hover over links.

Text on Accent - For your blog title, link posts, and quote posts the text on accent color will appear on top of the accent color.

Header Text - Select the text color used for the header and footer areas of your blog.

Header Accent - This option sets the link colors used in the header and footer.

Header Title - Set the color of the title of your blog and other titles in the footer.

Header Subtle - Change the subtle color used in the header and footer for some of the less important links and elements.

Header Background - Select the color to be displayed in the header and footer of your blog.

Background - Sets the overall background color of the blog. If you want a solid color, make sure you first clear out the background image if one is set.

Images

Icon - By default the theme will use your Tumblr profile icon at the top of the header, but this option allows you to upload a different icon.

Logo - If you want to incorporate a logo into the top of the header, use this option to upload an image.

Header Background - Upload a background image to be used for in the header of the theme. By default the background will title and repeat, but you can turn on the “Fill Header Background Image” option to have the image fill the background.

Site Background - Upload a background image to be used for the theme. By default the background will title and repeat, but you can turn on the “Fill Background Image” option to have the image fill the background.

Options

Infinite Scrolling - By default you will see the standard next and previous pagination, but turning on the infinite scrolling will allow visitors to endlessly load all of your posts.

Fill Site Background Image - Turning this option on will fill the background image to the entire height and width of the browser window.

Fill Header Background Image - Turning this option on will fill the background image to the entire height and width of the header area.

Show Header Icon - This option displays or hides your profile or uploaded icon in the header of the theme.

Transparent Header - Turn this option on to remove the header background so that the header and footer text is displayed directly on the blog's background image.

Transparent Posts - Turn this option on to display the post text directly on the background image.

Show Group Blog Details - If you plan on using Patchwork on a secondary blog for a group blog turn this option on to show the list of authors and ‘posted by’ details.

Custom Text

Footer Description Title - You have the ability of adding an additional description in the footer of your blog.  This option will set the title displayed above the description.

Footer Description - Add an additional description to the footer of your blog.

Authors Title - Customize the title you see above the list of authors on group blogs.

Liked Title - Customize the title you see above the most recent post you liked on Tumblr.

Instagram Title - Customize the title you see above your recent shot on Instagram.

Copyright Text - Change out the copyright text displayed at the bottom of your blog.

Add-Ons

Twitter Widget Embed - Paste in the embed code for your Twitter widget created on Twitter. After you customize the Twitter settings, copy and paste in the widget embed code.

Disqus ID - Add your Disqus Site Shortname to enable comments for your site. Click here to register for a Disqus site account.

Google Analytics ID - This theme has asynchronous Google Analytics tracking built into the theme, all you need to do is add your site ID to this option.

Clicky ID - For realtime tracking of who is on your site right now, goals, campaigns and Twitter monitoring add your Click ID. Clicky does charge for their analytics and tracking, but I highly recommend it for people who are stats junkies. Sign up for an account with Clicky.

Instagram Access Token - To add your recent Instagram shots head over to stylehatch.co/instagram and follow the easy steps to authorize the theme with Instagram and get your access token.

Typekit ID - Add your Typekit site ID enable custom typography and font-face fonts for your site. For detailed directions check out our help article on adding Typekit to your Tumblr blog.

Google Fonts Link - Add Google Webfonts by going to http://google.com/webfonts and picking out a font you want to use with the theme. After selecting the font copy the standard code and paste this option into the customize menu. You will also need to copy the font family and paste it into the body, title or UI font family option.

Body, Title, and UI Font Family - Add a standard CSS font stack or Typekit CSS font name to control the body and title fonts.

Social Links

Add URLs to display the following social site icons below your site description. Make sure you add the full URL, including “http://”, for example “http://twitter.com/stylehatch”

Behance, Cargo Collective, Delicious, Digg, Dribbble, Etsy, Facebook, FFFFound, Flickr, Formspring, Forrst, Foursquare, Github, Google Plus, Instagram, Last.fm, Linked In, Pinterest, Quora, Rdio, Skype, Spotify, Slideshare, Soundcloud, Stumbled Upon, Twitter, Vimeo, generic website link, Youtube, and your email address.

Still Need Help?

Tweet @stylehatch for quick help! Otherwise you can email us. Really, we’re quite friendly and helpful.

[byron-theme]

Drifting

A unique fashion photograph by Los Angeles based photographers Jessica Miller & Clair Pringle.

[byron-theme]

Spritely sounds from a New Orleans band who have no problem entangling their indie guitars with bouncy electronics.

Listen to Heza by Generationals

[photosbykristianhjelle]

[byron-theme]

Jump

A group of product designers jumping captured through a 23mm Fujinon lens.  See more of Kristian Hjelle's Everyday Photos.

[byron-theme]

Google Street View Hyperlapse

Created by a small independent team within the creative agency Teehan+Lax tasked with exploring creative uses of technology.

Hyper-lapse photography – a technique combining time-lapse and sweeping camera movements typically focused on a point-of-interest – has been a growing trend on video sites. It’s not hard to find stunning examples on Vimeo. Creating them requiresprecision and many hours stitching together photos taken from carefully mapped locations. We aimed at making the process simpler by using Google Street View as an aid, but quickly discovered that it could be used as the source material. It worked so well, we decided to design a very usable UI around our engine and release Google Street View Hyperlapse.

Create your own Hyperlapse or download the code on Github to have more fine tune control over your creation.

[rx1files]

[byron-theme]

Vein by Arthur Chang

An excellent showcase of Sony’s new RX1 compact full frame camera. The clarity of the Carl Zeiss Sonnar T* 2/35 lens is unbelievable.

Wielded by a competent photographer, the RX1 produces results arguably as good as any other camera fitted with a 35mm prime f/2.0 lens available at any price, and it does so with remarkable aplomb and unobtrusiveness. It’s the best lightweight digital camera I’ve ever put my hands on, and has become one of my favorite cameras ever. Period. Sony RX1 review by Duncan Davidson

See more images taken with the RX1 on The RX1 Files Tumblr blog  showcasing of some of the finest images taken with the new camera.

[byron-theme]

Ideas Come In Sets

There is something magical about going to the beach as the sun is rising, just in time for the dawn patrol. Even with a wetsuit the air feels crisp and cool, but the moment you step into the water your feet are reminded of just how cold the Pacific is. With a leap onto your board you give yourself a boost as you paddle towards the spot beyond where the waves breaks. Paddling into the first small wave you can’t help but taste the saltwater. It’s a great start to the day.

Photo by Folkert Gorter, Superfamous

Now the waiting begins. The water is quiet and peaceful as your board rises and falls over small rolling waves. Scanning the horizon you look for the next set of waves that will take you all the way back to the shore. As the set builds, it’s tempting take one of the smaller waves for a short ride, but the energy it takes to catch it will either leave you tired or trapped inside the break when the real waves come rolling in.

Occasionally the timing is perfect and you will paddle out just in time for the next set of waves, but more often you’ll have to watch and wait for the set. When that powerful set wave finally comes in, get ready for a ride of your life.

Like waves, ideas come in sets.

You have to get in the water. It seems contrary to wait for an idea, but that is because we often think of waiting as a passive state. The truth is that it takes effort to observe, watch and wait for the idea. You have to get into the water, surrounding yourself with the very matter that makes up the coming idea. Being in the water means that you are ready to act on the ideas when they come. If you are still on the shore or sidelines, you will miss out entirely on the opportunity to act on the ideas.

Patiently watch and let the smaller waves pass you by. As ideas begin to form you will start to notice smaller, incomplete ideas of what is to come. With a lot of effort it’s entirely possible to catch a smaller idea and act on it, but in doing so you might miss out on the opportunity to ride the oncoming powerful, complete ideas.

When the set waves break, paddle! When the full idea is forming, you will clearly see it heading your way. This is the time when you have to turn around and get to work. When you are paddling to catch a wave you need to pick up enough speed so that you can match the speed of the coming wave. It’s the right balance of timing the idea with simply getting started and doing something. Give it everything you have.

With Style Hatch we have seen tremendous success by creating and selling premium themes, but the company is in evolution expanding beyond just themes. I can start to see the real set waves off towards the horizon. Although I am not sure exactly what it will look like, I can start to see their shape form in the distance. For now, I have to remind myself to patiently wait for it to roll in. Before the idea is about to break, I will be ready to turn around and paddle with everything I’ve got.

[byron-theme]

Everyone is born creative; everyone is given a box of crayons in kindergarten. Then when you hit puberty they take the crayons away and replace them with dry, uninspiring books on algebra, history, etc. Being suddenly hit years later with the 'creative bug' is just a wee voice telling you, 'I'd like my crayons back, please'.

 Hugh MacLeod, from his book Ignore Everybody: and 39 Other Keys to Creativity

[jonathanmoore]

[byron-theme]

Hessian

“Products are made in the factory, but brands are created in the mind.”  — Walter Landor

As an experiment Ben Pieratt, founder of Svpply went through the exercise of creating Hessian as visual brand without a product.  For $18,000 the name, identity, Tumblr blog, and assets can be yours for your new restaurant, mobile app, teeshirt line, organic blueberry syrups or game development studio.

The idea, product and real branding work is all up to you, after all a brand is an experience living at the intersection of an expectation and a promise.

[jonathanmoore]

[byron-theme]

The photoset option is up there as one of our favorite features on Tumblr, but the default photoset grid that Tumblr generates does not resize and play well with all of our Style Hatch theme’s responsive layouts. As a result we created our own resizable photoset grid jQuery plugin that we rolled out last year.

We recently took the time to clean up the plugin, write documentation, and put together a demo showing how it works. The jQuery photoset grid plugin can be integrated into Tumblr themes, but it’s designed to work outside of Tumblr as well.

Feel free to open issues, fork it, and submit pull requests!

[byron-theme]

"Tiff," the new single from Poliça, featuring Justin Vernon.  Sexy, sensual, sensational. This is exactly as I would imagine Poliça and Justin Vernon would sound like together.

[society-theme]

[byron-theme]

One-Point Perspective

Wes Anderson peers down from above, while Quentin Tarantino likes to peer up from below. Darren Aronofsky uses sharp sounds and Stanley Kubrick prefers the one-point perspective.

[kerrytravel]

[lensblr-network]

My guide leading the way | Near Dole, Nepal

by Kerry Watkins  (kerrytravel.tumblr.com)

[cadencetheme-blog]

[byron-theme]

Japan: A Skier’s Journey

Follow skiers Chad Sayers and Forrest Coots through Japan as they explore a world of contrasts. From Tokyo’s city lights to Hokkaido’s sacred hardwood forests, this episode explores spaces of simultaneous anonymity & intimacy, rigid tradition & an embrace for the future, finding epic powder each step along the way.

[byron-theme]

How Rejection Breeds Creativity

With a few small changes in your mindset, you can turn rejection into a dramatic boost for your motivation and focus.

When rejections happens it is ultimately how respond to it that matters. View being rejected as a statement that your idea is too far from the current mainstream to be considered safe. Often this is a good thing.

[byron-theme]

“The Search”

As a company that preaches the idea of “the Search”, we want our imagery to reflect breathtaking places and moments that make the viewer want to get off the couch and go. Where some companies rely heavily on integrated design with their imagery, we like to use photos that speak for themselves. —Rip Curl

From VSCO's interview with surf pioneers Rip Curl.

[byron-theme]

Discovery consists of seeing what everyone has seen and thinking what nobody has thought.

Albert Szent-Györgyi