--- title: hissu theme 必須 – Design template for your website url: "https://www.toujou.com/features/toujou-themes/hissu/" description: "The hissu 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-01-11 --- # hissu theme 必須 – Design template for your website 1. [Home](https://www.toujou.de/) 2. [Features](https://www.toujou.de/features/) 3. [Themes](https://www.toujou.de/features/toujou-themes/) 4. [hissu](https://www.toujou.de/features/toujou-themes/hissu/) ### **必須** **hissu** theme =============== ***hissu* is borrowed from the Japanese meaning indispensable, essential and necessary. Websites are of the utmost importance for companies now and we’ve created our *hissu* theme with this in mind. *hissu* features a simple design, with clean lines and all the necessary features a modern website needs to remain competitive and visible. This theme provides your content with a functional design that emphasizes your navigation, header and content in a user friendlyway. On this page [test hissu](https://www.toujou.de/pricing/free-demo/#c1006221) Features of the *hissu* theme ----------------------------- *hissu* was designed to ensure you can create a state-of-the-art website quickly and easily without getting lost in any web design issues. The theme is based on [TYPO3](https://www.toujou.com/features/open-source-with-typo3/#c1002253) and curated by our team of experienced web designers and web developers. As a result ,the theme offers the following advantages beyond most common web design: [ ![](https://www.toujou.de/_assets/processed/a843rqC36tNjXH_evGz-8XmDt4roZMXS3xip3KaxAHU/q:85/w:433/h:244/fn:Y3NtX2hpc3N1X1NjaGVtYV9FTl83ZmNjODY0Mzdk:t/cb:7fdf8e5b0f20389aa233b2cd664531f6b48af68c/bG9jYWw6L2ZpbGVhZG1pbi91c2VyX3VwbG9hZC9oaXNzdV9TY2hlbWFfRU4ucG5n) ](https://www.toujou.de/fileadmin/user_upload/hissu_Schema_EN.png) - **Logo and navigation bar**: The exposed position above the header gives both elements a greater presence on your website and increases the user's experience. - **Tabs**: The tabs are centered at the top of the screen, which allows for a greater capacity for the header to unfold. The second navigation level is only displayed by hovering over the tab. - **Top bar**: As the page scrolls, the logo and navigation bar will move with it, allowing users to access the individual menu items at any time. - ​​​​​​​**Fixed**, narrow **body mask** for media and text elements: The predefined space to the left and right of content elements creates an modern look and feel for your website in both desktop and mobile views. - **Mobile first**: Of course, all our themes comply with common usability features, especially when it comes to [responsive behaviour](https://www.toujou.de/features/responsive-design/) on display screens. ### Templates with hissu - [ ![Ein stilvolles Wohnzimmer mit einem bequemen Sofa, einem modernen Tisch und einer farbenfrohen Wandkunst im Hintergrund.](https://www.toujou.de/_assets/processed/_AiPhHL2iJ83t9cw2Ce4sBN0m3-J3B6oCpj1ilyasH4/q:85/c:495:798.38709677419:fp:0.5:0.5/rt:force/w:172/h:277/fn:Y3NtXzktMTZfRnVybmlzaGluZ18wMDBiYTdjNTcx:t/cb:c8cd796ad4d5b81be58a6fa578b1986dca5de04e/bG9jYWw6L2ZpbGVhZG1pbi9CaWxkZXIvVGVtcGxhdGUtU2NyZWVuc2hvdHMvOS0xNi1Gb3JtYXQvOS0xNl9GdXJuaXNoaW5nLnBuZw)### Einrichtung ](https://furnishing.toujou.net/) - [ ![Ein Fahrer hält das Lenkrad eines Autos, während die Stadt im Hintergrund verschwommen ist, was ein Gefühl von Bewegung vermittelt.](https://www.toujou.de/_assets/processed/Y7XvdIlyGl71bNPbJznfAFmsAjTs7d1P_7k_oj30tYc/q:85/c:495.5625:799.29435483871:fp:0.5:0.5/rt:force/w:172/h:277/fn:Y3NtXzktMTZfRHJpdmluZ184ZjljNzg1ZGZj:t/cb:41bd36bbf0c56d13f28aa49cc0470b8edf1e4344/bG9jYWw6L2ZpbGVhZG1pbi9CaWxkZXIvVGVtcGxhdGUtU2NyZWVuc2hvdHMvOS0xNi1Gb3JtYXQvOS0xNl9Ecml2aW5nLnBuZw)### Fahrschule ](https://driving.toujou.net/) - [ ![Ein stilvolles Restaurant mit einer einladenden Bar, die asiatische Streetfood-Spezialitäten anbietet und eine gemütliche Atmosphäre schafft.](https://www.toujou.de/_assets/processed/LaG0xQkuEsyjPbNu3eo9EquVhaSfBnnr2zGSkXLwf1g/q:85/c:495.5625:799.29435483871:fp:0.5:0.5/rt:force/w:172/h:277/fn:Y3NtXzktMTZfR2FzdHJvXzY2ODE3YTQ1NGU:t/cb:74c333727757fae2626412b18b9bce5a363af9f5/bG9jYWw6L2ZpbGVhZG1pbi9CaWxkZXIvVGVtcGxhdGUtU2NyZWVuc2hvdHMvOS0xNi1Gb3JtYXQvOS0xNl9HYXN0cm8ucG5n)### Gastronomie ](https://gastro.toujou.net/) - [ ![Ein Elektriker arbeitet konzentriert an einem Schaltschrank, um Elektroinstallationen zu optimieren und Sicherheit zu gewährleisten.](https://www.toujou.de/_assets/processed/d4xq_-Oc0LeVks1Ijg45JeXm-TnVtEGIS2dKY3ftUsk/q:85/c:496:800:fp:0.5:0.5/rt:force/w:172/h:277/fn:Y3NtXzktMTZfSGFuZHdlcmtfMzY0YjA0MTEyYw:t/cb:bc495fb8732e73e02fcffcef12822241087c9cff/bG9jYWw6L2ZpbGVhZG1pbi9CaWxkZXIvVGVtcGxhdGUtU2NyZWVuc2hvdHMvOS0xNi1Gb3JtYXQvOS0xNl9IYW5kd2Vyay5wbmc)### Handwerker ](https://handwerk.toujou.net/) - [ ![Die Webseite von RAUMWUNDER präsentiert verschiedene Veranstaltungsräume und gastronomische Angebote für Feiern.](https://www.toujou.de/_assets/processed/yl6TAftveN1mUn7u1POHNGEzNYyd5Pvj0awTFTz6tzg/q:85/c:495.5625:799.29435483871:fp:0.5:0.5/rt:force/w:172/h:277/fn:Y3NtXzktMTZfTG9jYXRpb25fYTdkMjdkZGQ3OQ:t/cb:50637c786e1fc9ceb511c93e278be6d9ff94b67e/bG9jYWw6L2ZpbGVhZG1pbi9CaWxkZXIvVGVtcGxhdGUtU2NyZWVuc2hvdHMvOS0xNi1Gb3JtYXQvOS0xNl9Mb2NhdGlvbi5wbmc)### Events ](https://location.toujou.net/) [All website templates with toujou](https://www.toujou.de/templates/) Who will *hissu* work best for? ------------------------------- The main feature of *hissu* is the **predefined frame** of the **body mask**, which ensures your content will look the same on all types of devices. Media and text elements will always appear with the same spacing. With *hissu*, you **won’t** have to **think** about the **alignment in the desktop or mobile view**. *hissu* is designed to work with every industry. Due to hissu’s versatility, the key question is whether you wish to integrate the navigation bar into the header as in the *toujou* theme – or have it exposed as in the *tabi* theme. Worth noting: The *hissu* websites listed here are only examples and can still be individually adapted to your design ideas at any time. We would be delighted to help you with this. You will find a wide variety of further display options in the [industry templates](https://www.toujou.de/templates/) ­– along with templates for other themes. Or you can also have a look at *hissu* with your content with the free and non-binding [demo](https://www.toujou.de/pricing/free-demo/). ### Websites built with *hissu* [ ![](https://www.toujou.de/_assets/processed/HsyZjGq8smn2JuZ-7PEmXivDuxLEg4EbM6pZKFvXlts/q:85/w:294/h:165/fn:Y3NtX1Jlc3BvbnNpdmVfRW5kZ2VyYWV0ZV8xMzc2eDc3NF9lbmVyZ2llcmVnaW9uX25iZ18yMTMxYjcxYzEz:t/cb:5fe95829377fd892826eb4ac715381035de01620/bG9jYWw6L2ZpbGVhZG1pbi9JbWFnZXMvUGl4ZWxncmFmaWsvUmVmZXJlbnplbi8xMzY3eDc3NF9SZWZlcmVuemVuX3doaXRlL0t1bmRlbi9SZXNwb25zaXZlX0VuZGdlcmFldGVfMTM3Nng3NzRfZW5lcmdpZXJlZ2lvbl9uYmcucG5n) Energieregion ](https://www.energieregion.de/) [ ![Darstellung der Website von Jules Mumm auf verschiedenen Endgeräten](https://www.toujou.de/_assets/processed/AR-6au2WyK92O_S2im9my9yq2v85pXM5tIXAKKoY5RY/q:85/w:294/h:220/fn:Y3NtXzEzNjd4MTAyNV9yZXNwb25zaXZlX1JNU0tfSnVsZXMtTXVtbV9hNjhkZWJjOGEx:t/cb:11add00dd4f7027d50b35d954f4bf777860f7158/bG9jYWw6L2ZpbGVhZG1pbi9JbWFnZXMvUGl4ZWxncmFmaWsvUmVmZXJlbnplbi8xMzc2eDEwMjVfUk1TSy9VbXp1Zy8xMzY3eDEwMjVfcmVzcG9uc2l2ZV9STVNLX0p1bGVzLU11bW0ucG5n) Jules Mumm (Rotkäppchen Mumm) ](https://www.julesmumm.de/) [ ![](https://www.toujou.de/_assets/processed/OT749PyP_LJ_JQgYSa0VUJZkXY-yy8X4vzKX_-1LqdA/q:85/w:294/h:165/fn:Y3NtX1Jlc3BvbnNpdmVfYnJ1ZWNrbmVyXzEzNzZ4Nzc0XzAxX2NmZWNhMzU2ODA:t/cb:8fd938d6debf0f2ad0884f033a30afd148ac8bf4/bG9jYWw6L2ZpbGVhZG1pbi9JbWFnZXMvUGl4ZWxncmFmaWsvUmVmZXJlbnplbi8xMzY3eDc3NF9SZWZlcmVuemVuX3doaXRlL0t1bmRlbi9SZXNwb25zaXZlX2JydWVja25lcl8xMzc2eDc3NF8wMS5wbmc) Hausverwaltung Brückner ](https://www.hausverwaltung-brueckner.de/) [More current website projects](https://www.toujou.de/why-toujou/our-customers/) Theme switch? This feature is only available in toujou! -------------------------------------------------------- By choosing *hissu* 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. [ ![Ein bunter Marktstand voller frischer Obst- und Gemüsesorten, der eine Vielzahl an Farben und Texturen präsentiert.](https://www.toujou.de/_assets/processed/Q96vyhAnvgJexrAZdeiKpL1FHV35qLXSDGL8pr87S2M/q:85/w:432/h:432/fn:Y3NtXzEwNDZ4MTA0Nl9DYXJkX3RvdWpvdV9sb2NhbGJ1c2luZXNzX2EwMDM2N2RmN2M:t/cb:211965af4513bb0f70942a212cbcecd16d2654e4/bG9jYWw6L2ZpbGVhZG1pbi9JbWFnZXMvUGl4ZWxncmFmaWsvUmVmZXJlbnplbi8xMDQ2eDEwNDZfQ2FyZF90b3Vqb3VfbG9jYWxidXNpbmVzcy5wbmc) ](https://www.toujou.de/features/toujou-themes/toujou/) ### Meet *toujou* Logo and navigation bar integrated into the header media. [ ![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 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 the 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 Stamd out in a crowd. [More about SEO](https://www.toujou.de/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.de/features/multilanguage/) #### Multilingual For your international customers [More about multilanguage](https://www.toujou.de/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.de/features/responsive-mobile-first/) #### Responsive Design Formatted for all devices. [The present is mobile](https://www.toujou.de/features/responsive-mobile-first/)