--- title: toujou theme 登場 – Design template for your professional website url: "https://www.toujou.com/features/toujou-themes/toujou/" description: "The toujou theme is based on TYPO3 and includes all necessary usability features│Dare a look at the features │Use cases │Let us inspire you at toujou!" date: 2022-08-04 modified: 2023-03-01 --- # toujou theme 登場 – Design template for your professional website 1. [Home](https://www.toujou.de/) 2. [Features](https://www.toujou.de/features/) 3. [Themes](https://www.toujou.de/features/toujou-themes/) 4. [toujou](https://www.toujou.de/features/toujou-themes/toujou/) ### 登場 toujou theme ============= ***toujou* was our first website theme and became our namesake. The term originated from Japanese, and stands for entry (on stage); appearance (on screen) and introduction (into a market). The theme stands out with full-width header elements and integrated navigation. Would you like to have a dynamic header with moving content? The *toujou* theme, like all our themes, allows for videos in the header element. You will find most of the attributes of the toujou theme familiar since toujou.com is built with this theme. On this page [Test toujou](https://www.toujou.de/pricing/free-demo/#c1006221) Theme features -------------- All our themes are based on [TYPO3](https://www.toujou.com/features/open-source-with-typo3/) technology and are designed by our expert web developers, resulting in a theme that boasts state-of-the-art web design ­­– without the unnecessary overloading of elements. In particular, the *toujou* theme impresses with: [ ![Ein moderner Computerbildschirm zeigt eine Website mit einem klaren Layout und verschiedenen Navigationsbereichen.](https://www.toujou.de/_assets/processed/IeEidB0saxPT1zVOS9X5ZjzeshWmxVCHikQvd09ici4/q:85/w:433/h:244/fn:Y3NtX3RvdWpvdV9TY2hlbWFfRU5fMjI1ODRhOWUzZg:t/cb:d5cc63ecefd7f39c06240e574f3d6634f0d20a82/bG9jYWw6L2ZpbGVhZG1pbi91c2VyX3VwbG9hZC90b3Vqb3VfU2NoZW1hX0VOLnBuZw) ](https://www.toujou.de/fileadmin/user_upload/toujou_Schema_EN.png) - **Logo and navigation bar**: Both elements are integrated into the header medium and make a point on what your users can expect. - **Tabs**: The tabs of the navigation bar are located at the top right of the screen. Only the elements of the first level of the navigation bar are displayed. A second and, if necessary, third level are only visible when hovering on the top level. - **Top bar**: Once your website visitors scroll through a page, the logo and navigation bar remain fixed at the top of the screen. This allows for quick and efficient navigation at all times. - **Flexible body mask** for media and text elements: You can vary between different body widths to create a visual separation on the page with clever element use on larger screens. Use alternately the almost full screen width (depending on resolution and device) or leave more free space for the background at the side edges. **Mobile first**: Of course, all our themes comply with common usability rules, especially when it comes to [responsive behaviour](https://www.toujou.de/features/responsive-mobile-first/). ### Templates with toujou - [ ![Ein bunter Vogel mit leuchtend grünen, blauen und lila Federn sitzt auf einem Ast und blickt aufmerksam in die Umgebung.](https://www.toujou.de/_assets/processed/TWXJoAZVa2YUofRBcP11Vbbk9LVpPyFUbeqMFplJteE/q:85/c:497:801.61290322581:fp:0.5:0.5/rt:force/w:172/h:277/fn:Y3NtXzktMTZfVG91cmlzbV80ODk3YjE0ZDc2:t/cb:f942d5e3fd3e8eb2d89a389c43b7338c230c9f54/bG9jYWw6L2ZpbGVhZG1pbi9CaWxkZXIvVGVtcGxhdGUtU2NyZWVuc2hvdHMvOS0xNi1Gb3JtYXQvOS0xNl9Ub3VyaXNtLnBuZw)### Tourism ](https://tourism.toujou.net/) - [ ![Bunte Buntstifte in einem kreativen Rahmen umgeben den Willkommensbereich der Nesthüter-Website für Kinder und Eltern.](https://www.toujou.de/_assets/processed/ZkGpN9EX-mO1IcNVkQHu0fiJT4HZdN5t2PLQRVZ3Ips/q:85/c:496:800:fp:0.5:0.5/rt:force/w:172/h:277/fn:Y3NtXzktMTZfQ2hpbGRjYXJlXzQ2M2NjMmZhNTk:t/cb:de36d883752de32e933a59439c10f97920a9b150/bG9jYWw6L2ZpbGVhZG1pbi9CaWxkZXIvVGVtcGxhdGUtU2NyZWVuc2hvdHMvOS0xNi1Gb3JtYXQvOS0xNl9DaGlsZGNhcmUucG5n)### KiTas ](https://childcare.toujou.net/) - [ ![Ein muskulöser Rücken eines Sportlers, der für Fitness und Stärke steht, umgeben von motivierenden Slogans.](https://www.toujou.de/_assets/processed/hE3KYDRlfz2TsdSX-ofRfRy3uz-l9c_HbZOFCIR-U5Y/q:85/c:495:798.38709677419:fp:0.5:0.5/rt:force/w:172/h:277/fn:Y3NtXzktMTZfU3BvcnRzXzZkODMwYmZhMTE:t/cb:d4b0142443cbc7de3c32246a07d9bcd0b08478c1/bG9jYWw6L2ZpbGVhZG1pbi9CaWxkZXIvVGVtcGxhdGUtU2NyZWVuc2hvdHMvOS0xNi1Gb3JtYXQvOS0xNl9TcG9ydHMucG5n)### Sport ](https://sports.toujou.net/) - [ ![Die Szene zeigt zwei stilvolle Frauen, die modische Accessoires präsentieren, umgeben von zarten rosa Blüten.](https://www.toujou.de/_assets/processed/Ju1N4rdJvXNEctCFcqzg9wteSIs7myckszsFmpv-Y2Q/q:85/c:496:800:fp:0.5:0.5/rt:force/w:172/h:277/fn:Y3NtXzktMTZfUmV0YWlsXzdhYTczOWEyNWE:t/cb:70c76d3e32530871f4a9e5931539e5afe6affa08/bG9jYWw6L2ZpbGVhZG1pbi9CaWxkZXIvVGVtcGxhdGUtU2NyZWVuc2hvdHMvOS0xNi1Gb3JtYXQvOS0xNl9SZXRhaWwucG5n)### Handel ](https://localbusiness.toujou.net/) - [ ![Ein modernes Hotelzimmer mit einem großen, einladenden Bett und einer stilvollen Kopfteilwand aus Holz.](https://www.toujou.de/_assets/processed/shRLSj0OJvwaWb8JJUj8TM-12GkVMkm6d_7A6S_R6YU/q:85/c:496:800:fp:0.5:0.5/rt:force/w:172/h:277/fn:Y3NtXzktMTZfSG90ZWxfNzFmMmU4NDhhMQ:t/cb:c7a29778ba30abd62f67b6d57b31e8abbe22763d/bG9jYWw6L2ZpbGVhZG1pbi9CaWxkZXIvVGVtcGxhdGUtU2NyZWVuc2hvdHMvOS0xNi1Gb3JtYXQvOS0xNl9Ib3RlbC5wbmc)### Hotel ](https://hotel.toujou.net/) [All website templates with toujou](https://www.toujou.de/templates/) Who will *toujou* theme work best for? -------------------------------------- *toujou* is not designed for just one type of industry and will work for every type of business. The deciding factor is rather which of our design and navigation features you’d prefer. If you would like to have the **navigation bar integrated** into the **header image** and have space in the header of each subpage, the *toujou* theme will work well for you. The toujou website features a **preset text scrolling**, leaving enough free space on the left and right (especially on a desktop display). The toujou websites listed here are examples that can be customized at any time according to your design ideas. We will be delighted to help you with this. Have a look around our website: toujou.com is based on the *toujou* theme. You can also test what the theme has to offer in a [free and non-obligatory demo](https://www.toujou.de/pricing/free-demo/). In the [industry templates](https://www.toujou.de/templates/) you can also browse through a wide selection of websites that were designed with a variety of our themes to get a better idea of which one will suit you best. ### Websites built with *toujou* [ ![](https://www.toujou.de/_assets/processed/XqqACaLpMepbpOalAO1p56I_XinaLd9X0t2ALkGviFQ/q:85/c:1371.0631494804:771.22302158273:fp:0.497:0.4916067146283/rt:force/w:294/h:165/fn:Y3NtX2Z1ZXJzdF9ncnVwcGVfaGVhZGVyXzgwZTM3MjY4N2Q:t/cb:3650a77abc3535793304359149b9c93b861d3832/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvdXNlX2Nhc2VzL2Z1ZXJzdF9ncnVwcGVfaGVhZGVyLnBuZw) Fürst Gruppe ](https://www.fuerst-gruppe.de/) [ ![Darstellung der Website von NIK Nürnberg auf verschiedenen Endgeräten](https://www.toujou.de/_assets/processed/aAgWivf5IuVd45dh--cMcwI8YqZRth6ixFfcgjXs5nI/q:85/w:294/h:166/fn:Y3NtXzEzNjd4Nzc0LW5pay1uYmdfNGU0ZWMyOTBiMg:t/cb:c1405e31016210af7fb75bbfaffe65a1653a11b2/bG9jYWw6L2ZpbGVhZG1pbi9JbWFnZXMvUGl4ZWxncmFmaWsvUmVmZXJlbnplbi8xMzY3eDc3NF9SZWZlcmVuemVuX3doaXRlL0t1bmRlbi8xMzY3eDc3NC1uaWstbmJnLnBuZw) NIK Nürnberg ](https://www.nik-nbg.de/) [ ![Darstellung der Website von Erschmatt auf verschiedenen Endgeräten](https://www.toujou.de/_assets/processed/xq8A6adK5Gj1M-HY-WFitnGl295u4e7fLcSWw6EuXus/q:85/w:294/h:166/fn:Y3NtXzEzNjd4Nzc0X3Jlc3BvbnNpdmVfRXJzY2htYXR0X2YwMDQwZGEyMmM:t/cb:3a183f6d4288b7f527d66a2964ac31a47758b2d4/bG9jYWw6L2ZpbGVhZG1pbi9JbWFnZXMvUGl4ZWxncmFmaWsvUmVmZXJlbnplbi8xMzY3eDc3NF9SZWZlcmVuemVuX3doaXRlL0t1bmRlbi8xMzY3eDc3NF9yZXNwb25zaXZlX0Vyc2NobWF0dC5wbmc) Erlebniswelt Roggen Erschmatt ](https://www.erschmatt.ch/) [More running websites with toujou](https://www.toujou.de/why-toujou/our-customers/) Theme switch? This feature is only available in toujou! -------------------------------------------------------- By choosing *toujou* 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.com/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.com/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. [ ![Eine moderne Architektur-Website zeigt eine beeindruckende Ansicht von Hochhäusern, die in den Himmel ragen.](https://www.toujou.de/_assets/processed/0lprzed_KlZCNTzsdTLqEmfevP_cexl_ejmboBa0hWQ/q:85/w:432/h:432/fn:Y3NtXzEwNDZ4MTA0Nl9DYXJkX3RhYmlfYXJjaGl0ZWN0XzQ0ZDBlMDRmZTc:t/cb:1932e6d24dbf60f87b8cdd82336f83755eda26c1/bG9jYWw6L2ZpbGVhZG1pbi9JbWFnZXMvUGl4ZWxncmFmaWsvUmVmZXJlbnplbi8xMDQ2eDEwNDZfQ2FyZF90YWJpX2FyY2hpdGVjdC5wbmc) ](https://www.toujou.de/features/toujou-themes/tabi/) ### Meet *tabi* Exposed topbar and also three levels of navigation. [ ![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/)