Mon

13

Jun

2016

New Tokyo Template Will Help Your Website Bloom

To celebrate the season of warm sunshine and new beginnings, our designers collaborated with our Tokyo office and designed a template to match this vibrant, cosmopolitan city.


We asked web designer Jill Heyer to tell us about Tokyo, and provide some design tips on how to best use this gorgeous template.

"Taking the city name as inspiration, Tokyo’s navigation menu is right-aligned to reflect the traditional Japanese writing style. The idea for the design came directly from our office in Tokyo, and together we managed to build this beautiful responsive template."

— Jill Heyer

Our wonderful Tokyo team who helped us create the perfect Tokyo template!
Our wonderful Tokyo team who helped us create the perfect Tokyo template!

What makes Tokyo unique?

More flexibility: The Header only appears on the home page

In a traditional Jimdo Template, your Header text and image appear the same on every page of your website. With Tokyo, the main Header only appears on the home page. When you select another page from the navigation menu, the Header disappears. (Don’t worry, your logo and navigation menu will still show up on every page).

This is useful if you want an eye-catching headline and photo on your homepage, but you don’t necessarily want that to show up on every page of your site. Instead, customize the top of every page with a Heading Element. We recommend putting a Large Heading Element (H1) at the top of every page of your website to give your SEO a boost.

Streamlined blog display

Do you look forwarding to writing your next blog post as much as your morning latte? You know that space on your Blog Display page is precious. That's why Tokyo's blog displays the headline and date in one parallel row, instead of placing the headline and date diagonally from each other.

“Split” navigation holds lots of subpages

With Tokyo, you get a template with a clean-looking “split” navigation. Your main navigation items will always appear in a row at the top, and any subpages will appear in a colored menu bar below that. Split navigations are great when you have a lot of content, a multilingual site, a blog, or a large store, and you don’t want to struggle with long, complicated drop-down menus.

4 design tips for the perfect look

1. Change the horizontal alignment of your subnavigation menu

Tokyo's subnavigation menu is automatically aligned to the right, but you can easily change the alignment of with our Style Editor. Open up the Style Editor, click on the edge of the subnavigation menu, and the alignment options will pop up.

2. Choose the Tokyo variation that best suits your color preference

Tokyo comes in three different color variations to suit everyone's needs—dark blue, pink, and turquoise. Customize your other colors, like the color of your subnavigation menu, using the Style Editor.

3. Make sure your logo fits

Tokyo has a relatively small logo area that works best with wide or square logos rather than tall thin ones. If you’d rather have a large logo on your site, check out these templates that have a larger logo area.

4. Create a simple, one-line navigation

Make the horizontal navigation clear and short. Keep your navigation to one line to make it easier for people to use—you can take advantage of Tokyo's subnavigation if you have tons of content or need a lot of room for subpages.

Best websites for the Tokyo template

Tokyo is a fantastic template if you have a lot of content to show off. Though anyone can use Tokyo for any kind of website, we recommend it for:  

  • Traditional business, such as a law firm or a bank
  • Online store selling multiple items
  • Portfolio website
  • Content-rich blog with multiple posts
  • Restaurant

Wondering if the template you currently have is the right fit for your website? Learn how to pick the perfect template and check out our awesome Template Tutorial.

Have you been inspired to change your template to Tokyo? Any questions? Leave a comment and let us know.

Laura Barry 

Writer and Editor at Jimdo

If you enjoyed this post, check out these related articles:

Newer, Better, Faster Mobile Features
>> read more

8 Website Shortcuts for Busy People
>> read more

Email Newsletters: Your Website's Best Marketing Tool
>> read more

Build a Resume Website That Employers Will Love
>> read more

How to Turn Your Art into a Business with Sammy Rose
>> read more

Comments: 4 (Discussion closed)
  • #1

    Onaara TODAY news! (Monday, 27 June 2016 23:25)

    I have tried endlessly to share social media posts on my website but not possible please how do I make that happen. Also, lately I have been finding it difficult to update my blog post using the mobile application and it always load half way. I also mistakenly deleted my home page and unable to restore it, I had to rename the next page HOME. What can I do to these.
    Yemisi OLADIPUPO
    CHAIRMAN/CEO
    Onaara TODAY news!
    www.facebook.com/groups/onaaratoday

  • #2

    Jimdo (Tuesday, 28 June 2016 15:49)

    Hi Onaara Today news,

    Thank you for your comment. Please check out the following Support Center article: http://support.jimdo.com/basics/linking-to-social-media-profiles/. Be sure to look under the subheading, ‘Showing a social media feed on your website.’

    For questions about your Jimdo site, please contact our awesome Support Team directly and they will be happy to help you: http://support.jimdo.com/.

    Thanks!

  • #3

    Inger (Saturday, 09 July 2016 21:12)

    Great Tokyo template!
    Is it posible to use the header photo "sweet love" image, but in another color?
    Thank you:)

  • #4

    Sarah Jay (Monday, 11 July 2016 11:11)

    Nice article. Thank you so much. Its really helpful.