--- title: hissu Theme 必須 – Designvorlage für Ihre Website mit toujou url: "https://www.toujou.de/features/toujou-themes/hissu/" description: "Das hissu Theme basiert auf TYPO3 und ist mit den wichtigsten Usability-Regeln versehen │Alle Merkmale │Beispiele │Jetzt informieren!" date: 2020-08-24 modified: 2022-09-27 --- # hissu Theme 必須 – Designvorlage für Ihre Website mit toujou 1. [Home](https://www.toujou.de/) 2. [Features](https://www.toujou.de/features/) 3. [toujou Themes](https://www.toujou.de/features/toujou-themes/) 4. [hissu](https://www.toujou.de/features/toujou-themes/hissu/) ### **必須** **hissu**-Theme =============== ***hissu*** – früher »Plain« genannt – entstammt dem Japanischen für *indispensable*, *essential*, *necessary​.* Zu Deutsch: unerlässlich, essentiell, notwendig. Webauftritte sind das heutzutage für Unternehmen jeglicher Art, und *hissu* tritt auch genau so auf: Mit aufgeräumtem Design, klaren Linien und heruntergebrochen auf das Mindeste, das eine Website bieten sollte. So geben Sie der Umgebung Ihres Contents eine vollflächige Basis, die Navigation, Header und Inhalte strukturiert absetzt. Auf dieser Seite [hissu testen](https://www.toujou.de/typo3-demo/#c1006221) Merkmale des Themes ------------------- Eine State-of-the-Art Website schnell und unkompliziert einrichten, ohne sich in Webdesign-Fragen zu verlieren: Dafür steht hissu. Grundlage des Themes ist [TYPO3](https://www.toujou.de/features/opensource-mit-typo3/), garniert mit unserer jahrelangen Erfahrung als Webdesigner sowie Expertise als Webentwickler. So bietet das Theme neben den gängigen Webdesign-Regeln folgende Vorteile: - **Logo und Navigationsleiste**: Die exponierte Stellung oberhalb des Headermediums gibt beiden Elementen mehr Präsenz auf Ihrer Startseite und unterstützt Website-Besucher:innen beim Navigieren. - **Reiter**: Die Reiter sind mittig am oberen Bildschirmrand angeordnet. Um dem Headerelement mehr Platz zur Entfaltung zu geben, wird die zweite Navigationsebene erst duch das Hovern über den Reiter angezeigt. - **Topbar**: Beim Scrollen der Seite wandern Logo und Navigationsleiste mit, wodurch Besucher\*innen jederzeit auf die einzelnen Menüpunkte zugreifen können. - **Fixe,** schmale **Body-Maske** für Medien- und Textelemente: Der vorgegebene Freiraum links und rechts der Content-Elemente schafft ein luftiges Erscheinungsbild Ihrer Website in der Desktop- wie auch in der Mobile-Ansicht. - **Mobile first**: Selbstverständlich erfüllen all unsere Themes die gängigen Usability-Regeln, vor allem, wenn es um [responsives Verhalten](https://www.toujou.de/features/responsive-design/) geht. ### Website-Vorlagen mit 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/) [Alle Website-Templates von toujou](https://www.toujou.de/templates/) Für wen ist das *hissu*-Theme geeignet? --------------------------------------- Der Fokus bei *hissu* liegt auf dem **vorgegebenen Rahmen der Body-Maske**, der für alle Endgeräte gleich ist. Medien- und Textelemente weisen hierin immer denselben Abstand auf. Wer dieses Theme wählt, muss also **keine Überlegungen zu der Ausrichtung** in der Desktop- und Mobilansicht anstellen. *hissu* ist auf keine bestimmte Branche beschränkt. Vielmehr ist die Frage entscheidend, ob Sie die Navigationsleiste im Headerbild integrieren möchten, wie im [toujou-Theme](https://www.toujou.de/features/toujou-themes/toujou/) – oder exponiert, wie im *hissu*-Theme. Die hier aufgeführten hissu-Websites sind Beispielansichten, die jederzeit Ihren Designvorstellungen entsprechend individuell angepasst werden können. Gerne stehen wir hierfür [beratend und helfend](https://www.toujou.de/service/support/) zur Seite. Eine breite Auswahl an weiteren Darstellungsmöglichkeiten finden Sie in den [Branchen-Templates](https://www.toujou.de/templates/) – genauso wie auch Vorlagen für andere Themes. Oder Sie testen gleich mit der [kostenlosen und unverbindlichen Demo ](https://www.toujou.de/typo3-demo/)selbst, ob Ihnen das *hissu*-Theme gefällt. ### Eine Auswahl mit *hissu* umgesetzter Websites [ ![Website Darstellung von julesmumm.de auf verschiedenen Endgeräten](https://www.toujou.de/_assets/processed/1e4_MynFxqqYGOx8c7w_1UZZto56G3NqAkomxExyq0Y/q:85/c:1822.2222222222:1025:fp:0.5:0.5/rt:force/w:432/h:243/fn:Y3NtXzE4MjR4MTAyNV9yZXNwb25zaXZlX1JNU0tfSnVsZXMtTXVtbV9hMmVkMzFmOTNh:t/cb:efefdb8a8fa523c437ed73f0a5fd71f53d858990/bG9jYWw6L2ZpbGVhZG1pbi9JbWFnZXMvUGl4ZWxncmFmaWsvUmVmZXJlbnplbi8xMzY3eDc3NF9SZWZlcmVuemVuX2JsdWUvMTgyNHgxMDI1X3Jlc3BvbnNpdmVfUk1TS19KdWxlcy1NdW1tLnBuZw) ](https://www.julesmumm.de/) [Jules Mumm (Rotkäppchen Mumm)](https://www.julesmumm.de/) [ ![Website Darstellung von energieregion.de auf verschiedenen Endgeräten](https://www.toujou.de/_assets/processed/jqdiM_a_g5XCxxMBKJZbIpiqaM99FYSUlsqtgtHvmu8/q:85/c:1376:773.99999999999:fp:0.5:0.5/rt:force/w:432/h:243/fn:Y3NtX1Jlc3BvbnNpdmVfRW5kZ2VyYWV0ZV8xMzc2eDc3NF9lbmVyZ2llcmVnaW9uX25iZ185ZTA0YWMzMjM4:t/cb:5fe95829377fd892826eb4ac715381035de01620/bG9jYWw6L2ZpbGVhZG1pbi9JbWFnZXMvUGl4ZWxncmFmaWsvUmVmZXJlbnplbi8xMzY3eDc3NF9SZWZlcmVuemVuX3doaXRlL0t1bmRlbi9SZXNwb25zaXZlX0VuZGdlcmFldGVfMTM3Nng3NzRfZW5lcmdpZXJlZ2lvbl9uYmcucG5n) ](https://www.energieregion.de/) [EnergieRegion](https://www.energieregion.de/) [ ![Website Darstellung von hausverwaltung brückner auf verschiedenen Endgeräten](https://www.toujou.de/_assets/processed/J0mTiL2KEOMgbAtLvIKGaKsjJLcGQ_3rWdJoeW7wHEU/q:85/c:1376:773.99999999999:fp:0.5:0.5/rt:force/w:432/h:243/fn:Y3NtX1Jlc3BvbnNpdmVfYnJ1ZWNrbmVyXzEzNzZ4Nzc0XzAxXzc0OTU2N2JjZDg:t/cb:8fd938d6debf0f2ad0884f033a30afd148ac8bf4/bG9jYWw6L2ZpbGVhZG1pbi9JbWFnZXMvUGl4ZWxncmFmaWsvUmVmZXJlbnplbi8xMzY3eDc3NF9SZWZlcmVuemVuX3doaXRlL0t1bmRlbi9SZXNwb25zaXZlX2JydWVja25lcl8xMzc2eDc3NF8wMS5wbmc) ](https://www.hausverwaltung-brueckner.de/) [Hausverwaltung Brückner](https://www.hausverwaltung-brueckner.de/) [Weitere aktuelle Website-Projekte und Case-Studys](https://www.toujou.de/warum-toujou/unsere-kunden/) Theme-Switch? Das gibt's nur bei toujou! ----------------------------------------- Mit der Entscheidung für *hissu* als Theme haben Sie den Grundstein für das Erscheinungsbild Ihrer Website gelegt. Das bedeutet jedoch nicht, dass Sie dieses Design nicht nachträglich ändern können. Denn in toujou können Sie im [Theme-Modul Ihres Backends](https://www.toujou.de/service/toujou-setup/theme-bearbeiten/) unsere alternative Themes mit nur einem Klick »ausprobieren« ([mehr zum hissu-Start](https://www.toujou.de/service/toujou-setup/)). Vor Freischaltung Ihrer Website\* bleiben Sie im Design damit flexibel und testen Ihren Content in unterschiedlichen Darstellungsformen. \*Zu dieser Maßnahme raten wir selbstverständlich nicht im Live-Betrieb. Bei Neuveröffentlichung von Themes oder dem Relaunch einer bestehenden toujou-Website [sprechen Sie uns](https://www.toujou.de/service/support/) an, um eine reibungslose Umsetzung zu gewährleisten. [ ![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/) ### toujou-Theme Logo und Navigationsleiste im Headerbild integriert. [ ![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/) ### tabi-Theme Exponierte Topbar und drei Navigationsebenen. [ ![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/) ### medatsu-Theme Mehr Bilder, mehr Video, mehr visueller Content. [ ![Screenansicht eines Website-Templates mit grünen und blauen Farbtönen](https://www.toujou.de/_assets/processed/mFfrdqxMnws9uhB9FstUKsHPCnw1i6AStOCNIZRcLj0/q:85/c:1044.954:1046:fp:0.4995:0.5/rt:force/w:432/h:432/fn:Y3NtXzEwNDZ4MTA0Nl9DYXJkX2tvam9fbWVkaWNhbF80MmJkYWMzYjQ0:t/cb:f2ff5907960be5e8fa8f71d32fa84082e5154bb6/bG9jYWw6L2ZpbGVhZG1pbi9JbWFnZXMvUGl4ZWxncmFmaWsvUmVmZXJlbnplbi8xMDQ2eDEwNDZfQ2FyZF9rb2pvX21lZGljYWwucG5n) ](https://www.toujou.de/features/toujou-themes/kojo/) ### kojo-Theme Exponierte Topbar, flexibler Body-Rahmen, weniger Barrieren Mehr 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 Ein Backend, mehrere Websites. [Mehr zur 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/suchmaschinenoptimierung-yoast-seo/) #### Yoast SEO Gefunden werden. [Mehr zu SEO](https://www.toujou.de/features/suchmaschinenoptimierung-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/mehrsprachige-websites/) #### Multilingual Für das internationale Publikum. [Mehr zur Mehrsprachigkeit](https://www.toujou.de/features/mehrsprachige-websites/) [ ![Eine grafische Darstellung zeigt verschiedene Software-Logos, die miteinander verbunden sind, um Integration zu verdeutlichen.](https://www.toujou.de/_assets/processed/Ho-9OnD3-ipvuVRQ4OQb-ZdKWi8Ybrwke7N980dG2qo/q:85/c:1401.597:788.39831249999:fp:0.4995:0.49911190053286/rt:force/w:432/h:243/fn:Y3NtX1N5c3RlbWludGVncmF0aW9uZW5fMTZfOV85Njc4ZmZkYjk2:t/cb:8fc43b07a9a458d5f480ae5dbadb2043a3f088ea/bG9jYWw6L2ZpbGVhZG1pbi9CaWxkZXIvRmVhdHVyZXMvU3lzdGVtaW50ZWdyYXRpb25lbi9TeXN0ZW1pbnRlZ3JhdGlvbmVuXzE2XzkucG5n) ](https://www.toujou.de/features/extensions/#c1016540) #### Systemintegrationen TYPO3-Extensions & mögliche Add-ons [Mehr zu Systemintegrationen](https://www.toujou.de/features/extensions/#c1016540)