Ascender

Ascender Theme by Style Hatch

Fri, 27 May 2011 15:47:00 -0700

With a flexible grid layout and high-contrast elements, Ascender a new and unique variation of the popular and futuristic Transcender theme from Style Hatch. Choose either the light or dark style and customize your colors, background, fonts with Typekit and 60+ appearance options. Have questions, need support or want to say hello? ascender@stylehatch.co

Customize Your Styles

Ascender takes advantage of HTML5 and CSS3 to give all the edges a nice glow, shadows and details while keeping the images used in the theme down to a minimum—three images to be exact—for fast load times and flexible customizations.

The Details

Every last detail has been polished in Ascender down to the futuristic, clean style and subtle animations. Just for fun try rolling over a few links, click inside the search box, and hover over the next page circles at the bottom.

Social Features

Ascender has built in support for group blogs, sharing on Facebook and Twitter, Disqus, Flickr, and sites you follow. Also the left column has built in HTML containers for your own content, small ads and other social plugins. In the Appearances options you’ll also find 29 social profile icon links.

Typekit Support

Want ultimate control over the typography in Ascender? Typekit is fully supported in Ascender 1.0 through the appearance options. Here are the basic steps involved in setting up Typekit for your site:

Register for a Typekit account - https://typekit.com/plans Typekit offers several affordable yearly accounts, but you can always go with the free plan with access to their trial library.
Browse through the library and click + Add to Kit after you’ve selected the body and title font for your site.
While you have the Typekit Editor open go through the list of Weights & Styles (screenshot) selecting only the fonts that you need. This is typically regular, regular italic, bold and bold italic.
Once you have your two fonts selected hit the green Publish button at the bottom right (screenshot).
Go to back to Tumblr and open Customize > Appearance, find the Typekit ID field and paste in your Typekit ID. You can find the ID by opening the Typekit Editor and clicking Embed Code at the top right. You only want to copy and paste the 7-8 character ID at the bottom (screenshot).
Now paste in the font-family values for the body, UI and title fonts into Customize > Appearance. You will find it by clicking Advanced below the Selectors on the left (screenshot).
Example: “proxima-nova-1”,”proxima-nova-2”,sans-serif

Tip: Even if you don’t use Typekit you can use the Body, UI, and Title Font Family options to paste in other standard font-family fonts.

Customization Options

Dark Style
Toggles the dark and light versions of Ascender. This will primarily effect the post text and background. Once you shift to the light version you will need to set all the other colors for the site background, accent, link background, etc.

Smaller Grid
Toggle between 250px and 400px wide posts on the index pages. Once you click through to permalink and static pages the posts will always be 620px wide.

Show Portrait in Description
Displays a small portrait icon inside your description.

Show Group Blog Details
If your site is setup as a group blog this option will list the site authors in the sidebar as well as display the author below each post.

Show Sites I Follow
Displays a box on the left column showing all the sites you follow revealing 20 at a time.

Use Smart Bold Titles
When creating post titles it is ideal to add <h2> tags around the title, but the smart bold titles option will make it a bit easier to define a title for each post. After the option is enabled just bold the first line (paragraph) of any post to turn it into a stylized title. This option can be problematic in situations where you only bold one or two words in the first paragraph.

Use Custom Fonts
This option simply enables the use of the custom font Titillium Text by Accademia di Belle Arti di Urbino. If you want to customize the fonts used in the theme you will need to do so with Custom CSS.

Tile Background Images
By default the background image will be set to the top center of the page with no repeat. Turn on this option to have the background image tile and repeat across the entire background.

Images

Background Image
Use this option to upload a background image for the site. This can be used for a repeating site background or creatively behind the site title for a unique header.

Logo Image
Use this option to upload a logo image for the site header. This will replace the site’s text title.

Colors

Background
Sets the overall site background, combined with the background top glow you can create a subtle gradient at the top of your site.

Accent
The accent color is used for all the links through out the site as well as other stylized elements.

Link Background
This color sets the background color behind all the text links as well as the Link posts.

Title
Set the color of the site title at the top of the page. Typically this will be white with the dark style and dark grey with the light style, but with this option you can set the title color to work with your selected background image or color.

Subtitle
Same as the title

Background Top Glow
Adds a subtle gradient/glow to the top of the site. This works best when the value is very close to the background color.

Custom Text

Site Secondary Title
Sets an optional secondary title below your site title.

Pages Title
Appears above the list of defined Pages in the Customize menu.

Description Title
The title above your site description.

Social Links Title
Displayed above the social link icons. If you do not want to display any icons simply remove the title.

Authors Title
If you have a group blog this will set the title above the list of site authors.

Following Title
Displayed above the icons showing the sites that you follow.

Twitter Title
Appears above the Twitter feed as long as you have Twitter integrated with your Tumblr account.

Likes Title
Displayed above the Tumblr posts that you like.

Flickr Title
Appears above the four Flickr thumbnails when you have your Flickr ID set.

Footer Copyright
Changes the copyright information displayed at the footer of the site.

Extensions and 3rd Party Addons

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
Ascender 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.

Flickr ID
Add your Flickr ID to display four thumbnails of your most recently uploaded images.

Typekit ID
Add your Typekit site ID enable custom typography and font-face fonts for your site.

Tweet Count
Sets the number of recent tweets to show in the right column.

Likes Count
Sets the number of Tumblr liked posts to display in the right column. The maximum like count is 10.

Sidebar Widget HTML
This option adds an additional box to the left column right below the site description and social icons. Use HTML to add titles (<h4> tags), paragraphs, links, images and lists. The maximum width is 180px.

Social Links

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

Behance, Cargo Collective, Delicious, Deviant Art, Digg, Dribbble, Ember, Etsy, Facebook, FFFFound, Flickr, Formspring, Forrst, Foursquare, Gowalla, Last.fm, Linked In, Rdio, Skype, Slideshare, Soundcloud, Stumbled Upon, Twitter, Vimeo, generic website link, Youtube, and your email address.

Ascender Dark Version Check out the demo of the dark version of...

Fri, 27 May 2011 15:30:00 -0700

Ascender Dark Version

Check out the demo of the dark version of Ascender along with slightly wider 400px posts in the grid.

Buy a Style Hatch theme and give life. For every 5 themes sold...

Fri, 27 May 2011 10:44:00 -0700

Buy a Style Hatch theme and give life. For every 5 themes sold 1 person is provided with access to life changing fresh water. Why Water?

Almost a billion people live without clean drinking water. We call this the water crisis. It’s a crisis because it only starts with water — but water affects everything in life.

Health. Education. Food security. The lives of women, especially. We can end the water crisis in our lifetime. But first we have to let everyone know it’s happening. Learn how water changes everything — and share this with everyone you know.

Michael Nager Photography Beautiful landscape images captured by...

Fri, 27 May 2011 10:41:04 -0700

Michael Nager Photography

Beautiful landscape images captured by German advertising photographer Michael Nager. I wish I knew more about where this photo was taken.

Found on Graphic-ExchanGE

"Our opportunity, as designers, is to learn how to handle the complexity, rather than shy away from..."

Fri, 27 May 2011 10:39:16 -0700

“Our opportunity, as designers, is to learn how to handle the complexity, rather than shy away from it, and to realize that the big art of design is to make complicated things simple.”

- Tim Parsey

subtilitas: Ector Hoogstad Architecten - Department of...

Fri, 27 May 2011 10:36:59 -0700

subtilitas:

Ector Hoogstad Architecten - Department of education, Hoogeschool Utrecht, 2007. Via Pedro Kok.

Buddy Holly is alive and well. Ventilate recently posted a chat...

Fri, 27 May 2011 10:36:01 -0700

Buddy Holly is alive and well. Ventilate recently posted a chat with director Robert Rugan about his upcoming film Buddy Holly is Alive and Well on Ganymede.

Idler—Modular Typeface Family This new typeface...

Fri, 27 May 2011 10:32:14 -0700

Idler—Modular Typeface Family

This new typeface from Lamesville and availible on You Work For Themcomes in six different weights that can be layered up and colored to create interesting styles and effect. This well animated video walks you through three examples of how the font can be used.

Idler is an all caps, modular display typeface meant to be used for big, bold lettering. Idler’s two “main” weights (Idler Detail and Idler Plain) can be used effectively as single colored layers on their own, but the typeface’s true potential is realized when the user layers the “shaded” weights along with the main weights to create a colorful 3D shading effect. The Idler family contains six weights all together: Idler Detail, Idler Plain, Idler Inner, Idler Highlight, Idler Shadow, & Idler Solid.

WALLS are a band from London made up of members Sam Willis and...

Fri, 27 May 2011 10:30:52 -0700

WALLS are a band from London made up of members Sam Willis and Alessio Natalizia.

“We take our inspiration by the sense of discovery, curiosity and playful nature of our approach to making music. We have a pastoral take on the natural world, music that has a natural, unique and personal feel - utilizing the best that old / modern technology has to offer.”

Target Chalet Each year for the annual Winter X Games in Aspen,...

Fri, 27 May 2011 10:30:03 -0700

Target Chalet

Each year for the annual Winter X Games in Aspen, Target hosts their competing athletes at the Target Chalet. Inspired by the spirit of the mountain man, we created a rugged abode that would be a place for Shaun White and Simon Dumont to crash after a day of competition.

Created by the extremely talented art director and designer Aaron Melander Via jonathanmoore

Eight Hour Day - Blog

Fri, 27 May 2011 10:21:44 -0700

Eight Hour Day - Blog:

Fantastic source of inspiration from the studio of Nathan Strandberg and Katie Kirk.

themadeshop: Just found an old rendering on my hard drive of my...

Fri, 27 May 2011 10:20:06 -0700

themadeshop:

Just found an old rendering on my hard drive of my Iceland Aluminum City project I never realized I had made. Wish I would have used it in the final review now.

Keith David Young Texas based photographer that is “now...

Fri, 27 May 2011 10:17:40 -0700

Keith David Young

Texas based photographer that is “now specializing in design, photography, and bear hugs.”

I Break Horses - Hearts Directed by Alex Southam

Fri, 27 May 2011 10:13:58 -0700

I Break Horses - Hearts

Directed by Alex Southam

João Filgueiras Lima - “Red Hill” housing, Brasilia 1980. It’s...

Fri, 27 May 2011 10:11:33 -0700

João Filgueiras Lima - “Red Hill” housing, Brasilia 1980. It’s all about the details. Via seier+seier.

Photo

Fri, 27 May 2011 10:10:07 -0700

Photo

Fri, 27 May 2011 10:09:41 -0700

"Technology makes it possible for people to gain control over everything, except over technology."

Fri, 27 May 2011 10:06:17 -0700

“Technology makes it possible for people to gain control over everything, except over technology.”

- John Tudor

Loom The short film by POLYNOID tells the story of a successful...

Fri, 27 May 2011 10:03:53 -0700

Loom

The short film by POLYNOID tells the story of a successful catch.