Styleguide

Auf dieser Seite werden die Inhaltstypen, die Auszeichnungsmöglichkeiten für Texte und deren Anwendung sowie die Baukasten-Elemente des Content Management Systems dieses Auftritts dokumentiert.

Seitentypen

Standardseite

Die Standardseite ist der universelle Seitentyp dieses Auftritts und ist die Grundlage für reguläre Inhaltsseiten, Landingpages und der Startseite.

Artikel, Autor und Referenzierter Inhalt stehen als Seitentypen schon zu Verfügung kommen aber erst nach der entsprechenden  Ausbaustufe zum Einsatz.

Webstyleguide Seitentyp Standardseite
MorgenFund
Introbereich

Jede Seite beginnt mit einem Introbereich. Es gibt verschiedene Optionen für das Intro.

Webstyleguide Introbereich standard
Bildquelle
MorgenFund

Standard mit Login-Link 

Aufbau: Headline und Introtext links, Bild rechts. 

Optionale Elemente: Dachzeile über der Headline, bis zu zwei Links, grafischer  
Login-Link (Kreise rechts)

Webstyleguide Introbereich Bild links
Bildquelle
MorgenFund

Gespiegelter Aufbau

Bild links, Headline und Introtext rechts.

Bei diesem Intro sind kein grafischer Login-Link möglich

Webstyleguide Introbereich Intro ausgeblendet
Bildquelle
MorgenFund

Intro ausgeblendet

Ohne Introbild. Die Seite beginnt direkt mit der ersten Sektion (H1 Überschrift).

Webstyleguide Introbereich startseite
Bildquelle
MorgenFund

Startseite

Introbereich mit großem Logo. In Menü initial ausgeblendet.

Rich Text Editor

Headlines

Semantische Überschriften H1 bis H4 oder Textauszeichnung mit Absatzstil.

Kombinierbar mit Farbstilen:

  • Light Blue
  • Deep Blue
  • Berry
  • Orange
  • Vibrant Red

H1 Lorem Ipsum

H2 Lorem Ipsum

H3 Lorem Ipsum

H4 Lorem Ipsum 

Textstile

Anzuwenden über die Textstile.

Kombinierbar mit Farbstilen:

  • Light Blue
  • Deep Blue
  • Berry
  • Orange
  • Vibrant Red

Text groß Cum sociis natoque penatibus et magnis dis parturient montes. 

 

Text normal Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. 

Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. 

 

Text klein Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec,  aliquet nec, vulputate eget, arcu. 

 

Text extraklein Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec,  aliquet nec, vulputate eget, arcu. 

 


Statement Cum sociis natoque penatibus et magnis dis parturient montes.

Text in Spalten

Anzuwenden über Blockstile.

Text 2-spaltig consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. 

Text 3-spaltig consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. 

Listen

Anzuwenden über die Listenauszeichung.

  • Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu
  • Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu
  1. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu
  2. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu
  • Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu
  • Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu
  • Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu
  • Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu

Buttons und Linkstile

So wird's gemacht:

  1. Link erstellen
  2. Objektstil anwenden
  3. Farbe wählen:
  • Light Blue
  • Deep Blue
  • Berry
  • Orange
  • Vibrant Red

Tabellen

Anzuwenden über RTE "Tabelle einfügen"

 MorgenFund Depot OnlineMorgenFund Depot OfflineMorgenFund Depot KidsVL-Vertragsentgelt
AngebotDepotführung des Wertpapierdepots mit der Nutzung der elektronischen Postbox bzw. eines MorgenFund Online Zugangs.Depotführung des Wertpapierdepots ohne die Nutzung der elektronischen Postbox bzw. eines MorgenFund Online Zugangs.Bis zum 18. Geburtstag des KundenJährliches Vertragsentgelt für die Anlage von vermögenswirksamen Leistungen in einem Wertpapiersparvertrag nach dem Vermögensbildungsgesetz für einen aktiv besparten VL-Vertrag.
Depotführungsentgelt p.a. (inkl. USt.)19,90 EUR39,90 EURkostenfreiJe VL-Vertrag 12,00 EUR
 Zum Angebot   
 

MorgenFund Depot
05/2025

MorgenFund Depot Standard 
07/2023, Version I

MorgenFund Depot Plus 
07/2023, Version II

Depoteröffnung

ab 01.05.2025

01.07.2023 
bis 30.04.2025

bis 30.06.2023

Fondspositionen im Depot*

unbegrenzt 
4.191 Fonds & ETFs verfügbar

unbegrenzt 
4.191 Fonds & ETFs verfügbar

Fondsgesellschaften*

+130 
u.a. DWS, BlackRock,  
Amundi, Fidelity

+130 
u.a. DWS, BlackRock, Amundi, Fidelity

Online-Depotführung

19,90 €

36,00 €

45,00 €**

Offline-Depotführung

39,90 €

60,00 €***

50,00 €**

Preis- und Leistungsverzeichnis

Download

Download

Download

Text und Textbeispiele

Das clevere Leistungspaket für unsere Partner

  • individuelle Lösungen im Vermögensmanagement für Ihre Kundenbetreuung
  • Multi-KVG-Fähigkeit in den Depot-Modellen
  • breites, unabhängiges Fondsuniversum
  • attraktive und zugeschnittene Konditionsmodelle
  • technische Kompatibilität mit Ihren bestehenden Systemen
  • direkte Unterstützung und Training Ihres Vertriebs
  • transparenter Kundensupport in partnerschaftlicher Abstimmung

MorgenFund Online Investing

Ein Robo Advisor für Ihre Kunden

Je nach Neigung passt auch ein gemanagtes Depot in die Anlagestrategie Ihrer Kunden.

Setzen Sie dafür einfach unser Konzept der digitalen Vermögensverwaltung in Ihrer Kundenberatung mit ein – MorgenFund Online Investing.

Eine clevere Lösung, sowohl für Sie als auch Ihre Kunden.

 

Überschrift 4

Headline 2 + Inlinestil Text Deep Blue

Text normal Je nach Neigung passt auch ein gemanagtes Depot in die Anlagestrategie Ihrer Kunden. Setzen Sie dafür einfach unser Konzept der digitalen Vermögensverwaltung in Ihrer Kundenberatung mit ein – MorgenFund Online Investing.

Inlinestil Text 24px+Text gefettet+Text Deep Blue

Bild und Video

Bilder

Bilder werden über die Medienbibliothek hinzugefügt und müssen mit einem alternativen Text und einer Angabe zur Bildquelle versehen werden.

Sie passen sich automatisch der jeweiligen Spaltenbreite an.

Motive mit Hintergrund erhalten automatisch abgerundete Ecken.

MF-Webstyleguide-dummy-image
gettyimages
Dummy image
freepik

Videos

Videos können über YouTube oder Vimeo Link hinzugefügt werden.

Default:

Bedienelemente

Optional:

Autoplay (Video ohne Ton)

Poster (Startbild)

 

 

Bild/Text

Mögliche Optionen:

  • Bild links oder rechts
  • Spaltenaufteilung (hier 1:1)
  • vertikale Ausrichtungen des Textes (oben, mitte, unten)

 

MorgenFund Screen Depot
MorgenFund

Überschrift 2

Text normal Alle Fonds und ETF in einem kompakten Depot. Einfach und übersichtlich zu verwalten. Viele nützliche Features und in unterschiedlichen Ausgestaltungen.

Für Einzel-Fonds, Spar- und Auszahlpläne. Transparente Kostenübersicht mit attraktiven Paketen.

Sonderfall Bild bis Browserrand

Einstellungen:

Sektion: 12 Spalten / rechts am Browserrand platziert

Bild/Text: Aufteilung 5:7 / Ausrichtung Text vertikal: mittig

Text groß

Grafik Platform
kochan&partner

Heute sind wir eine unabhängige, kundenorientierte und technisch optimierte Plattform, die ganz auf Vernetzung setzt. Wir bieten eine Vielzahl von Fondsprodukten und ETF, passend zur individuellen Anlagestrategie.

Icon-Liste

Mögliche Optionen:

  • Number Icons für ein nummerierte List
  • Thematische Icons aus dem Icon-Set

Optional mit Überschrift 2

Überschrift 3

Text normal – Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

Auch ohne Überschrift möglich – dann: Text groß

Überschrift 3

Bei ungrader Anzahl versetzt plaziert.

Bei grader Anzahl untereinander

Text-Box

Element-Einstellungen:

Hintergrundfarbe wählen

  • Light Blue
  • Deep Blue
  • Berry
  • Orange
  • Vibrant Red

Überschrift 3 Lorem ipsum dolor sit amet

Text normal – At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. 

Link Pfeil rechts groß

Die folgenden Farbkombinationen sind möglich.

Aber immer auf Lesbarkeit achten – manche Kombinationen funktionieren nicht in kleinen Größen!

Webstyleguide Farbkombinationen
MorgenFund
Akkordeon

Möglicher Inhalt:

  • Text
  • Bild
  • Bild/Text
  • Videos
  • Formular
  • Downloadliste



Default:

Alle Einträge schließbar



Weitere Optionen:

Mehrere Einträge ausklappbar

Zum Inhalt scrollen

 

Robo Advisor unter Ihrer Marke

Sie halten eine clevere Komplettlösung in Ihrer Hand. Bieten Sie Ihren Kunden als Strategie eine fonds-basierte digitale Vermögensverwaltung an. In Ihrem eigenen Corporate Design.

Ausgeglichene Anlage

Wertentwicklung und Risikostreuung (Diversifikation) werden über eine Vielzahl von Anlagemöglichkeiten optimiert.

Transparentes Controlling

Online haben Sie das tagesaktuelle Vermögen im Blick. Vierteljährlich erhalten Sie einen Bericht über die Vermögensverwaltung, mit detaillierter Analyse der Wertentwicklung.

Plug + Play

Unser Robo Advisor passt sich an Ihr bestehendes System an und lässt sich ganz einfach und nahtlos einbetten.

Downloads

Dateien werden als Dokument über die Medienbibliothek hinzugefügt.

Beschreibungstext entspricht dem dargestelltem Name.

Datumsangabe angegeben in Monat/Jahr (z.B. 07/2023).

Format und die Größe wird automatisch ausgegeben.

Das Download-Icon und die Linie wird automatisch hinzugefügt.

 

 

 

Teaser

Es stehen drei Teaser-Arten zur Verfügung

  • Variante A mit Content-Bild
  • Variante B mit transparenten PNG und wählbarer Hintergrundfarbe
  • Variante C ohne Bild

Teaser Elemente in einer Reihe erhalten immer die gleiche Höhe.

 

Slider

Möglicher Inhalt:

  • Bild
  • Bild/Text
  • Text
  • Textboxen

Optionen:

Pfeile rechts/links

Navigations (dots)

Autoplay

Anpassungshöhe – Slide-Höhe passt sich an Inhalt an

 

Bild
Webstyleguide Introbereich standard
Frau mit Tablet. Powered by extraETF
Bildquelle
Morgenfund GmbH

Bild/Text Element – Statement Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. 

Überschrift lpsum amet
consetetursadips lorem

Text normal Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum stet clita kasd.

At vero eos et accusam et justo duo dolores et ea rebum stet clita kasd.

Button text

Überschrift lpsum amet consetetur
sadips lorem

Text normal Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. 

Button text

Personen-Auflistung

Optionen:

  • Titel
  • Link zu LinkedIn-Profil
  • Link zu XING-Profil
Rudolf Geyer
Sprecher der Geschäftsführung
Bernd Geilen
Geschäftsführer
Michael Thissen
Leiter der Zweigniederlassung Luxemburg, Generalbevollmächtigter
Formulare

Aktuell zur Auswahl:

  • Kontakt
  • Datenschutz Whistleblowing

Weitere Formulare müssen gesondert erstellt. 

Wie können wir Ihnen helfen?

Bitte überprüfen Sie die markierten Felder
Bild/Text-Box

Als Weiche zu Unterthemen.
PNGs mit transparentem Hintergrund in Kombination mit gestaltbaren Textboxen.
Verschiedene Postionen in der Höhe möglich und Ebene (auf dem Bild/hinter dem Bild) wählbar.
 

Private und betriebliche Anleger

Professionelle Vermittler und Partner

Institutionelle Kunden

Cardgroup

Die einzelnen Cards können mit rotem Rand und in unterschiedlicher Größe (groß/klein) angelegt werden. 
Bitte immer zwei kleine Cards nacheinander verwenden.

Vermögenswirksame Leistungen (VL)

12€ / Jahr je Vertag
Jederzeit kündbar

Vorteile auf einen Blick:

  • Kein Depotführungs-entgelt wenn der VL-Vertrag online verwahrt wird
  • Lorem ipsum dolor sit amet, consetetu sadipscing elitr, sed diam nonumy.
  • Lorem ipsum dolor sit amet, consetetu.
Details ansehen

MorgenFund Depot Online

19,90€ / Jahr
Jederzeit kündbar

Vorteile auf einen Blick:

Details ansehen

MorgenFund Depot Kids

(bis zum vollendeten 18. Lebensjahr)

0€ / Jahr (kostenfrei)
Jederzeit kündbar
Details ansehen
Imagecard

Imagecards können in 1-, 2-, 3-spaltigen Sektionen und in Slidern eingesetzt werden.

Die Imagecards passen sich in ihrer Größe dem jeweils umgebenden Container an, eine Card nimmt 100% der Breite ein, zwei Cards jeweils 50% etc.

Bsp. zwei nebeneinander:

Porträt von Simon Schöbel, Finfluencer icon

Mehr Sicherheit

Ihre Förderung läuft zuverlässig weiter: Mit Ihrer Zustimmung sorgen Sie dafür, dass Ihre vermögens-wirksamen Leistungen reibungslos fortgeführt werden – ganz automatisch.

Details ansehen
Porträtbild von Dr. Andreas Beck icon

Mehr Sicherheit

Ihre Förderung läuft zuverlässig weiter: Mit Ihrer Zustimmung sorgen Sie dafür, dass Ihre vermögens-wirksamen Leistungen reibungslos fortgeführt werden – ganz automatisch.

Details ansehen
Porträt von Simon Schöbel, Finfluencer icon

Mehr Sicherheit

Ihre Förderung läuft zuverlässig weiter: Mit Ihrer Zustimmung sorgen Sie dafür, dass Ihre vermögens-wirksamen Leistungen reibungslos fortgeführt werden – ganz automatisch.

Details anzeigen
Porträt von Simon Schöbel, Finfluencer icon

Mehr Sicherheit

Ihre Förderung läuft zuverlässig weiter: Mit Ihrer Zustimmung sorgen Sie dafür, dass Ihre vermögens-wirksamen Leistungen reibungslos fortgeführt werden – ganz automatisch.

Details anzeigen
Porträt von Simon Schöbel, Finfluencer icon

Mehr Sicherheit

Ihre Förderung läuft zuverlässig weiter: Mit Ihrer Zustimmung sorgen Sie dafür, dass Ihre vermögens-wirksamen Leistungen reibungslos fortgeführt werden – ganz automatisch.

Details anzeigen
Porträt von Simon Schöbel, Finfluencer icon

Mehr Sicherheit

Ihre Förderung läuft zuverlässig weiter: Mit Ihrer Zustimmung sorgen Sie dafür, dass Ihre vermögens-wirksamen Leistungen reibungslos fortgeführt werden – ganz automatisch.

Details anzeigen

 

Jetzt loslegen.

Sie haben noch Fragen …
zur Benutzung des Content Management Systems?  markus.greve@kochan.de
zur Anwendung des  Markendesigns?  mattea.stahl@kochan.de