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
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
Have you been inspired to change your template to Tokyo? Any questions? Leave a comment and let us know.
Writer and Editor at Jimdo
If you enjoyed this post, check out these related articles: