--- title: tabi theme – website design for your website with toujou url: "https://www.toujou.com/features/toujou-themes/tabi/" description: "The tabi theme is based on TYPO3 and is provided with the most important usability rules │All features │Examples │Inform now!" date: 2022-04-26 modified: 2023-01-10 --- # tabi theme – website design for your website with toujou 1. [Home](https://www.toujou.de/) 2. [Features](https://www.toujou.de/features/) 3. [Themes](https://www.toujou.de/features/toujou-themes/) 4. [tabi](https://www.toujou.de/features/toujou-themes/tabi/) ### **旅** tabi theme ========== ***tabi***, similarly to [toujou](https://www.toujou.de/features/toujou-themes/toujou/) and [hissu](https://www.toujou.de/features/toujou-themes/hissu/), is borrowed from the Japanese language and could be translated to »journey«. However, the theme is not limited to the tourism industry, because it allows for a very general corporate approach.It is designed to maximize the available space on your website. This theme features a mega menu with a separate header bar, a full-width header and an additional bar for the service navigation allowing for you to manage seamless digital corporate presence. *tabi* ensures that your corporate website is accessible and sustainable at any time – regardless of the type of industry or level of professionalism. On this page [test tabi](https://www.toujou.de/pricing/free-demo/#c1009129) Features of the *tabi* theme ---------------------------- *tabi* is based on the open source content management system [TYPO3](https://www.toujou.de/features/open-source-with-typo3/#c1002253). At toujou, we use our expertise from over 20 years experience to ensure all current web design needs are integrated into our themes. All you need to do is start editing your website! *tabi* features the following: [ ![Ein moderner Computerbildschirm zeigt eine Benutzeroberfläche mit verschiedenen Navigationsbereichen und Inhalten.](https://www.toujou.de/_assets/processed/FhrATlJxDUg2KkLDoKdKDo-_Ur4b86okkyK1QSv4PSk/q:85/w:433/h:244/fn:Y3NtX3RhYmlfU2NoZW1hX0VOXzQ5ODI3NGQ0NjU:t/cb:372d60b451b92cea06e4e77e87cdad80823d0c69/bG9jYWw6L2ZpbGVhZG1pbi91c2VyX3VwbG9hZC90YWJpX1NjaGVtYV9FTi5wbmc) ](https://www.toujou.de/fileadmin/user_upload/tabi_Schema_EN.png) - **Logo and navigation bar**: The two elements placed above the header provide a visual divider between the top bar and the content – and thus an aesthetically clean cut. - **Tabs**: The tabs of the navigation bar are arranged at the top of the screen. To make it easier for website users to navigate your website even if there are many subpages and up to three menu levels can be opened simultaneously. - **Top bar**: To ensure that website visitors always have the topbar in view even when scrolling a page, the logo and navigation bar are always placed at the top of the screen. - **Service navigation**: Highly frequented service links such as contact, legal or privacy are always visible above the top bar - **Flexible body mask for media and text elements**: You can choose between different elements to use the almost full screen width (depending on element and device) – or to give the background more blank space. - **Mobile first**: Of course, *tabi* complies with standard usability rules, especially when it comes to [responsive design](https://www.toujou.de/features/responsive-mobile-first/#c1002477). ### Website templates built with tabi - [ ![Ein moderner Innenraum mit eleganten Möbeln und großen Fenstern, die viel Tageslicht hereinlassen.](https://www.toujou.de/_assets/processed/5ghpZzjTfUwFcIQLGaZ0sib_yYcTssChYM09vgNS2cU/q:85/c:495:798.38709677419:fp:0.5:0.5/rt:force/w:172/h:277/fn:Y3NtXzktMTZfQXJjaGl0ZWN0XzllNmUyYWRkY2M:t/cb:277f753b45102c39cdca0a2e04731cbe4935dafb/bG9jYWw6L2ZpbGVhZG1pbi9CaWxkZXIvVGVtcGxhdGUtU2NyZWVuc2hvdHMvOS0xNi1Gb3JtYXQvOS0xNl9BcmNoaXRlY3QucG5n)### Architektur ](https://architect.toujou.net/) - [ ![Hände verschiedener Personen umarmen eine Erde, was die Zusammenarbeit für eine nachhaltige Zukunft verdeutlicht.](https://www.toujou.de/_assets/processed/J7Zqw8vrgm49Q2gn_Z-SElzsrPToH4iO5aZEgczqBnE/q:85/c:495.5625:799.29435483871:fp:0.5:0.5/rt:force/w:172/h:277/fn:Y3NtXzktMTZfRm91bmRhdGlvbl84NGYyMmU4ZmZh:t/cb:e45ebfa2b444e2fba5944decf6ad9041149aadfa/bG9jYWw6L2ZpbGVhZG1pbi9CaWxkZXIvVGVtcGxhdGUtU2NyZWVuc2hvdHMvOS0xNi1Gb3JtYXQvOS0xNl9Gb3VuZGF0aW9uLnBuZw)### Stiftungen ](https://foundation.toujou.net/) - [ ![Zwei Frauen sitzen an einem Schreibtisch, eine arbeitet am Laptop, während die andere nachdenklich schaut und lächelt.](https://www.toujou.de/_assets/processed/ZgtLOcNEGOEvFiDAt97UCRyCGhUojRIh1mB1aRba9Mk/q:85/c:495:798.38709677419:fp:0.5:0.5/rt:force/w:172/h:277/fn:Y3NtXzktMTZfQ29uc3VsdGluZ184MGY0YjM2NTQ2:t/cb:bdfcb038f963a2d5f6213491876d6b64677f77d7/bG9jYWw6L2ZpbGVhZG1pbi9CaWxkZXIvVGVtcGxhdGUtU2NyZWVuc2hvdHMvOS0xNi1Gb3JtYXQvOS0xNl9Db25zdWx0aW5nLnBuZw)### Coaching ](https://consulting.toujou.net/) - [ ![In einem Pflegeheim umarmen sich ein älterer Mann und eine Frau, was eine herzliche Verbindung und Fürsorge symbolisiert.](https://www.toujou.de/_assets/processed/RwhT1U972JDe5PJ201vRoSUzVQU2bWUuqcpJjrT0jLQ/q:85/c:495.5625:799.29435483871:fp:0.5:0.5/rt:force/w:172/h:277/fn:Y3NtXzktMTZfSGVhbHRoXzRmNzE1NzNmZmQ:t/cb:12b4213368027d8cdab724fcc637876668e53e46/bG9jYWw6L2ZpbGVhZG1pbi9CaWxkZXIvVGVtcGxhdGUtU2NyZWVuc2hvdHMvOS0xNi1Gb3JtYXQvOS0xNl9IZWFsdGgucG5n)### Gesundheit ](https://health.toujou.net/) - [ ![Ein Raum mit einer Tafel, auf der mathematische Formeln stehen, und einer Figur, die Albert Einstein ähnelt, in einem Anzug.](https://www.toujou.de/_assets/processed/opgtdfXTvVQgRBaAjEhNy-D7yLNfV7ubeZMjpfLeFAI/q:85/c:495.5625:799.29435483871:fp:0.5:0.5/rt:force/w:172/h:277/fn:Y3NtXzktMTZfU2Nob29sX2ZmNDRhM2U5YmM:t/cb:d5a2ef94b198c7771c4adbaee9ffa8c8a7100bd2/bG9jYWw6L2ZpbGVhZG1pbi9CaWxkZXIvVGVtcGxhdGUtU2NyZWVuc2hvdHMvOS0xNi1Gb3JtYXQvOS0xNl9TY2hvb2wucG5n)### Bildung ](https://school.toujou.net/) [All toujou website templates](https://www.toujou.de/templates/#c1006456) Who will *tabi* work best for? ------------------------------ Based on the meaning of the word, you might assume that the *tabi* theme is only interesting for the travel industry. But that would be too short-sighted. Due to the mega menu with three displayable levels and service navigation, *tabi* is equally useful as a **corporate website for small and medium-sized companies**. The website remains compact and clean. *tabi* combines the best of the *hissu* and *toujou* themes and is beneficial for websites with a complex navigation structure. The *tabi* websites listed on this site are only examples and can still be individually adapted to your design ideas at any time. We will be glad [to help you](https://www.toujou.de/service/support/#c1009996). A wide variety of individual adaptations are available in the [industry templates](https://www.toujou.de/templates/#c10006456). Or you can test for yourself what *tabi* has to offer with the [free demo](https://www.toujou.de/pricing/free-demo/#c1009129). ### Websites built with *tabi* [ ![Darstellung der Website von Reisen mit Sinnen auf verschiedenen Endgeräten](https://www.toujou.de/_assets/processed/wPIdp9APPolhNbLCOiaeRp4VC2hnvi4iWHfauNFhqoA/q:85/w:294/h:166/fn:Y3NtXzEzNjd4Nzc0X3Jlc3BvbnNpdmVfUk1TXzMxNmE3ZjM1OGY:t/cb:398acc15ca386c94688032ac90b95d8268b05334/bG9jYWw6L2ZpbGVhZG1pbi9JbWFnZXMvUGl4ZWxncmFmaWsvUmVmZXJlbnplbi8xMzY3eDc3NF9SZWZlcmVuemVuX3doaXRlL0t1bmRlbi8xMzY3eDc3NF9yZXNwb25zaXZlX1JNUy5wbmc) Reisen mit Sinnen ](https://www.reisenmitsinnen.de/) [ ![Darstellung der Website von Il Nuraghe Nürnberg auf verschiedenen Endgeräten](https://www.toujou.de/_assets/processed/rRqDbSTBm12ZW263hwTQ9oV1k-4s-CZMay7cTXDqk30/q:85/w:294/h:166/fn:Y3NtXzEzNjd4Nzc0X3Jlc3BvbnNpdmVfSWxOdXJhZ2hlX2Y5ZDc5NDA1ZWM:t/cb:c6762e15a1a39c63e60e67f88eb0f2c8c0b221d6/bG9jYWw6L2ZpbGVhZG1pbi9JbWFnZXMvUGl4ZWxncmFmaWsvUmVmZXJlbnplbi8xMzY3eDc3NF9SZWZlcmVuemVuX3doaXRlL0t1bmRlbi8xMzY3eDc3NF9yZXNwb25zaXZlX0lsTnVyYWdoZS5wbmc) Il Nuraghe Nürnberg ](https://www.ilnuraghe-nuernberg.com/) [ ![Website mumm und co wird auf verschiedenen Endgeräten angezeigt](https://www.toujou.de/_assets/processed/HsWyrTK_HEdF34XweyuQR7uD-5v4MLQRMmZJTzyA8NY/q:85/w:294/h:166/fn:Y3NtXzEzNjd4Nzc0LW11bW0tdW5kLWNvXzMxOTBjNjJiNmE:t/cb:8aa528dcaeef1118ad44abe88a7d4dbe17cbed8f/bG9jYWw6L2ZpbGVhZG1pbi9CaWxkZXIvQ2FzZS1TdHVkeS9STVNLLzEzNjd4Nzc0LW11bW0tdW5kLWNvLnBuZw "Mumm & Co Websitepräsentation") Mumm & Co. ](https://www.mumm-co.de/) [More current website projects](https://www.toujou.de/why-toujou/our-customers/#c1012026) Theme switch? This feature is only available in toujou! -------------------------------------------------------- By choosing *tabi* as your new theme you have decided to transform the look and feel of your website. But this doesn't mean that you can't change this design later. In toujou you can try out our [other themes](https://www.toujou.de/features/toujou-themes/#c1006602) with just one click in the theme module of your backend. Before activating your website\* you have the option to be flexible in the design and can test your content in many different display formats. \*Of course, we do not recommend this while your website is already online. When changing themes or when relaunching an existing toujou website, please [contact us](https://www.toujou.de/service/support/#c1009996) to ensure a smooth transition. [ ![Eine stilvolle Wohnzimmereinrichtung mit einem grauen Sofa, bunten Kissen und einer modernen Wanddekoration.](https://www.toujou.de/_assets/processed/RFv2F2yPaioptjjRZDJ45visHulXvWQb4cMOQAyciKg/q:85/c:1046:1044.954:fp:0.5:0.4995/rt:force/w:432/h:432/fn:Y3NtXzEwNDZ4MTA0Nl9DYXJkX2hpc3N1X2Z1cm5pc2hpbmdfMWI1YmMzNGU2Yw:t/cb:00c839ebb3a693d1900c1d22c98a6a645a9b3ec2/bG9jYWw6L2ZpbGVhZG1pbi9JbWFnZXMvUGl4ZWxncmFmaWsvUmVmZXJlbnplbi8xMDQ2eDEwNDZfQ2FyZF9oaXNzdV9mdXJuaXNoaW5nLnBuZw) ](https://www.toujou.de/features/toujou-themes/hissu/) ### Meet *hissu* Offset topbar, fixed body frame for content elements. [ ![Ein bunter Marktstand voller frischer Obst- und Gemüsesorten, der eine Vielzahl an Farben und Texturen präsentiert.](https://www.toujou.de/_assets/processed/l9MP9LoQ1OhMiWNNjrpejGLLg8uhqDkdL_UCE3WX-HQ/q:85/c:1046:1044.954:fp:0.5:0.4995/rt:force/w:432/h:432/fn:Y3NtXzEwNDZ4MTA0Nl9DYXJkX3RvdWpvdV9sb2NhbGJ1c2luZXNzXzcyZDc3NDczY2U:t/cb:211965af4513bb0f70942a212cbcecd16d2654e4/bG9jYWw6L2ZpbGVhZG1pbi9JbWFnZXMvUGl4ZWxncmFmaWsvUmVmZXJlbnplbi8xMDQ2eDEwNDZfQ2FyZF90b3Vqb3VfbG9jYWxidXNpbmVzcy5wbmc) ](https://www.toujou.de/features/toujou-themes/toujou/) ### Meet *toujou* Logo and navigation bar integrated into the header medium. [ ![Der Schriftzug 'PROJEKTE' hebt sich vor einem bunten Hintergrund ab, während darunter verschiedene Bilder von Projekten angezeigt werden.](https://www.toujou.de/_assets/processed/nBMZuXP9Jox8oKelNBa_8TDnxYoW9pK3pk6CPAftP-0/q:85/w:432/h:432/fn:Y3NtXzEwNDZ4MTA0Nl9DYXJkX21lZGF0c3VfYWdlbmN5XzdkZDY3MDdjM2E:t/cb:c33ee169eb9089beb833c3dbc6aec4e6cf62bd30/bG9jYWw6L2ZpbGVhZG1pbi9JbWFnZXMvUGl4ZWxncmFmaWsvUmVmZXJlbnplbi8xMDQ2eDEwNDZfQ2FyZF9tZWRhdHN1X2FnZW5jeS5wbmc) ](https://www.toujou.de/features/toujou-themes/medatsu/) ### Meet *medatsu* More images, more videos, more visual content. [ ![Screenansicht eines Website-Templates mit grünen und blauen Farbtönen](https://www.toujou.de/_assets/processed/IyzAo1eRYe3Far0k1R0qVS-5h0WzgySPjTW9Y7lvlqg/q:85/w:432/h:432/fn:Y3NtXzEwNDZ4MTA0Nl9DYXJkX2tvam9fbWVkaWNhbF9mYTk0NDYzMjIy:t/cb:f2ff5907960be5e8fa8f71d32fa84082e5154bb6/bG9jYWw6L2ZpbGVhZG1pbi9JbWFnZXMvUGl4ZWxncmFmaWsvUmVmZXJlbnplbi8xMDQ2eDEwNDZfQ2FyZF9rb2pvX21lZGljYWwucG5n) ](https://www.toujou.de/features/toujou-themes/kojo/) ### Meet *kojo* Exposed topbar, flexible body frame and more accessibility ### More toujou features [ ![Zwei Computerbildschirme zeigen verschiedene Webseiten, darunter eine mit einem modernen Bürointerieur und eine mit einem Porträt.](https://www.toujou.de/_assets/processed/pM17PhNXbBDiGNBtQb2743SH875PMI5E7eRSpw2o4Zw/q:85/c:688:387:fp:0.5:0.5/rt:force/w:432/h:243/fn:Y3NtXzY4OHgzODdfTXVsdGlzaXRlX1RlYXNlcl8zNGUxYjRjMmMz:t/cb:fced3b3f2fdb651eee4bc53c18b41646ec4fa984/bG9jYWw6L2ZpbGVhZG1pbi9CaWxkZXIvRmVhdHVyZXMvTXVsdGlzaXRlLzY4OHgzODdfTXVsdGlzaXRlX1RlYXNlci5wbmc) ](https://www.toujou.de/features/multisite/) #### Multisite Several websites, one backend. [More about multisite](https://www.toujou.de/features/multisite/) [ ![Das Bild zeigt ein Dokument mit Linien und einem Logo, das das Yoast-Logo am unteren rechten Rand abgebildet hat](https://www.toujou.de/_assets/processed/t9jpBIT1E0wKRWe2eJ_shiISkTfr5TzP45jAiyZlmCs/q:85/c:688:387:fp:0.5:0.5/rt:force/w:432/h:243/fn:Y3NtXzY4OHgzODdfeW9hc3RfQkVfYjY4ZmMzYzc5Yw:t/cb:0163c4a10135be801163f961b4e84fcbb927baea/bG9jYWw6L2ZpbGVhZG1pbi91c2VyX3VwbG9hZC82ODh4Mzg3X3lvYXN0X0JFLnBuZw) ](https://www.toujou.de/features/yoast-seo/) #### Yoast SEO Stand out in a crowd. [More about SEO](https://www.toujou.nz/features/yoast-seo/) [ ![Ein Laptop zeigt die Flaggen von Deutschland und Großbritannien, symbolisiert den Sprachwechsel zwischen Deutsch und Englisch.](https://www.toujou.de/_assets/processed/ET8lY15fM0kJ0bk8YzSX71lNYyf9sKZdyqUCeVPZ1j8/q:85/c:688:387:fp:0.5:0.5/rt:force/w:432/h:243/fn:Y3NtX211bHRpbGFuZ3VhZ2Utd2Vic2l0ZS02ODh4Mzg3X2dyYXVlci1iaWxkc2NoaXJtXzRiYTI0NGY5YmM:t/cb:9fdc0d5ad2d61bba6d80fdc27e07677c4166bbd9/bG9jYWw6L2ZpbGVhZG1pbi9CaWxkZXIvRmVhdHVyZXMvTWVocnNwcmFjaGlna2VpdC9tdWx0aWxhbmd1YWdlLXdlYnNpdGUtNjg4eDM4N19ncmF1ZXItYmlsZHNjaGlybS5wbmc) ](https://www.toujou.nz/features/multilanguage/) #### Multilingual For your international customers. [More about multilingual ](https://www.toujou.nz/features/multilanguage/) [ ![Darstellung der Website von Rolemodelaward auf verschiedenen Endgeräten](https://www.toujou.de/_assets/processed/REccZYRs0y8d8NTPzLRvvChpFDifLeU_WrF0x_srBfA/q:85/c:1367:768.93749999999:fp:0.5:0.5/rt:force/w:432/h:243/fn:Y3NtXzEzNjd4Nzc0X3Jlc3BvbnNpdmVfUm9sZW1vZGVsYXdhcmRfYTczM2VhYWU4MQ:t/cb:4087eef128cbf05dc20b7647eb18a5185c2804c7/bG9jYWw6L2ZpbGVhZG1pbi9JbWFnZXMvUGl4ZWxncmFmaWsvUmVmZXJlbnplbi8xMzY3eDc3NF9SZWZlcmVuemVuX3doaXRlL0t1bmRlbi8xMzY3eDc3NF9yZXNwb25zaXZlX1JvbGVtb2RlbGF3YXJkLnBuZw) ](https://www.toujou.nz/features/responsive-mobile-first/) #### Responsive desgin Formatted for all devices. [The present is mobile](https://www.toujou.nz/features/responsive-mobile-first/)