{"id":1718,"date":"2019-09-19T06:49:55","date_gmt":"2019-09-19T06:49:55","guid":{"rendered":"https:\/\/demos.pixelgrade.com\/rosa2-lite\/?page_id=1718"},"modified":"2020-01-23T12:51:10","modified_gmt":"2020-01-23T12:51:10","slug":"style-guide","status":"publish","type":"page","link":"https:\/\/demos.pixelgrade.com\/rosa2-lite\/de\/style-guide\/","title":{"rendered":"Gestaltungsrichtlinie"},"content":{"rendered":"

Der Style Guide<\/h1>\n\n\n\n

Typografie ist mehr als nur die von Ihnen verwendeten Schriftarten. Typografie ist alles, was damit zu tun hat, wie Text aussieht - wie Schriftgr\u00f6\u00dfe, Zeilenl\u00e4nge, Farbe und noch subtilere Dinge wie das Leerzeichen um einen Text. Gute Typografie gibt den Ton Ihrer schriftlichen Botschaft an und hilft, ihre Bedeutung und ihren Kontext zu verst\u00e4rken.<\/p>\n\n\n\n

Display <\/h1>\n\n\n\n

Heading One<\/h1>\n\n\n\n

Sekund\u00e4re \u00dcberschrift<\/h2>\n\n\n\n

\u00dcberschrift drei<\/h3>\n\n\n\n

\u00dcberschrift vier<\/h4>\n\n\n\n

\u00dcberschrift f\u00fcnf und sechs<\/h5>\n\n\n\n

Ein Hauptabsatz ist ein kurzer Absatz in gr\u00f6\u00dferer Schrift, der einen Artikel \u00f6ffnet. Der Zweck von a Hauptabsatz<\/a> ist es, dem Leser eine kurze Zusammenfassung der Geschichte zu geben und einen Haken zu setzen, um ihn zum weiteren Lesen zu verleiten.<\/p>\n\n\n\n

Abs\u00e4tze ben\u00f6tigen nur ausreichend Platz, um dem Leser mitzuteilen, dass sie mit einem neuen Absatz beginnen. Mehr Platz lenkt ab und unterbricht den Lesefluss. Leerraum ist wichtig, aber Sie m\u00f6chten keine gro\u00dfen L\u00fccken auf Ihrer gesamten Seite.<\/p>\n\n\n\n

\n
\n
Primary<\/a><\/div>\n<\/div>\n\n\n\n
\n
Zweitens<\/a><\/div>\n<\/div>\n\n\n\n
\n
Schaltfl\u00e4che "Text"<\/a><\/div>\n<\/div>\n<\/div>\n\n\n\n

Machst du noch Aufz\u00e4hlungszeichen und nummerierte Listen<\/strong> durch manuelle Eingabe von Aufz\u00e4hlungszeichen oder Zahlen am Anfang jeder Zeile? Im 21. Jahrhundert ist dies eine Aufgabe, die niemand von Hand erledigen sollte.<\/p>\n\n\n\n

  1. Das kulinarische Erlebnis.<\/strong> Kunden, die nicht nur gutes Essen servieren, w\u00fcnschen sich beim Besuch eines Restaurants ein gutes Gesamterlebnis. Wenn Sie ausgehen, m\u00f6chten Sie wissen, dass Sie in einer sauberen Umgebung essen und den besten Service erhalten<\/li>
  2. Hochwertiges Essen. <\/strong>Dies ist der beste Weg, um mehr Kunden f\u00fcr Ihr Restaurant zu gewinnen. Testen Sie Ihr Essen immer auf Geschmack, damit Sie wissen, wie es schmeckt und Ihre Kunden es m\u00f6gen. <\/li>
  3. Der Preisfaktor. <\/strong>Wir sollten ihr Essen immer richtig bewerten. Wenn Ihr Essen f\u00fcr seinen Geschmack zu teuer ist, verlieren die Kunden definitiv das Interesse.<\/li><\/ol>\n\n\n\t\t\t
    \n \n
    \n
    <\/div>\n
    <\/div>\n
    \n <\/svg>\n<\/span>\n <\/div>\n
    <\/div>\n
    <\/div>\n <\/div>\n\t\t\t\t\t<\/div>\n\t\t\n\n\n

    \u00dcberschrift zwei Formatierung<\/h2>\n\n\n\n

    Das \u00d6ffnen von Abs\u00e4tzen verdient oft eine dekorative Behandlung, um den Leser anzulocken. Zwei dieser Methoden sind anf\u00e4ngliche Small Caps und Drop Caps. Abs\u00e4tze ben\u00f6tigen nur ausreichend Platz, um dem Leser mitzuteilen, dass sie mit einem neuen Absatz beginnen. <\/p>\n\n\n\n

    \u201eEssen ist und war immer eine gro\u00dfartige k\u00fcnstlerische Gelegenheit. Studiere und liebe die Natur, sie wird dich niemals entt\u00e4uschen. \u201c<\/strong><\/p>Frank Lloyd Wright, 1959<\/cite><\/blockquote><\/figure>\n\n\n\n

    Mehr Platz lenkt ab und unterbricht den Lesefluss. Leerraum ist wichtig, aber Sie m\u00f6chten keine gro\u00dfen L\u00fccken auf Ihrer gesamten Seite. Diese besonderen Art Behandlungen<\/a> dienen dazu, einen klaren Anfang eines Artikels zu markieren und k\u00f6nnen ein Gef\u00fchl der Formalit\u00e4t hinzuf\u00fcgen. Drop Caps haben eine lange Geschichte in der Typografie und reichen bis in die fr\u00fchen Tage des Schriftsatzes zur\u00fcck.<\/p>\n\n\n\n

    Abs\u00e4tze ben\u00f6tigen nur ausreichend Platz, um dem Leser mitzuteilen, dass sie mit einem neuen Absatz beginnen. Mehr Platz lenkt ab und unterbricht den Lesefluss. Leerraum<\/strong> ist wichtig, aber Sie m\u00f6chten nicht, dass die gesamte Seite gro\u00dfe L\u00fccken aufweist.<\/p>\n\n\n\n

    \u00dcberschrift drei<\/h3>\n\n\n\n

    Tabellen sind n\u00fctzlich f\u00fcr Layouts, in denen Text nebeneinander oder an einer bestimmten Position schwebend positioniert werden muss Standorte<\/a> auf der Seite. Wenn dies mit den \u00fcblichen Layout-Tools nicht m\u00f6glich ist, verwenden Sie eine Tabelle.<\/p>\n\n\n\n

    Art<\/strong><\/td>Schriftart<\/strong><\/td>Beschreibung<\/strong><\/td><\/tr>
    Humanist<\/strong><\/td>Sabon<\/td>Eng verbunden mit der Kalligraphie<\/td><\/tr>
    \u00dcbergang<\/strong><\/td>Baskerville<\/td>Abstrakter und weniger organisch<\/td><\/tr>
    Modern<\/strong><\/td>Bodoni<\/td>Beachten Sie die d\u00fcnnen, geraden Serifen<\/td><\/tr>
    Slab Serif<\/strong><\/td>Clarendon<\/td>\u00c4gyptische Schriften haben schwere Serifen<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n

    Um einen Text hervorzuheben, m\u00fcssen Sie ihn lediglich mit der Klasse \u201eHervorheben\u201c umschlie\u00dfen. Dies kann in der Texteditoransicht erfolgen.<\/span><\/p>\n\n\n\n

    Trennzeichen<\/h2>\n\n\n\n

    Dekorativ<\/strong>: Einfache Verzierung zum Hervorheben von \u00dcberschriften<\/p>\n\n\n\t\t\t

    \n \n
    \n
    <\/div>\n
    <\/div>\n
    \n <\/svg>\n<\/span>\n <\/div>\n
    <\/div>\n
    <\/div>\n <\/div>\n\t\t\t\t\t<\/div>\n\t\t\n\n\n

    Erarbeiten<\/strong>: raffinierter Separator, der beide Stile vereint <\/p>\n\n\n\t\t\t

    \n \n
    \n
    <\/div>\n
    <\/div>\n
    \n <\/svg>\n<\/span>\n <\/div>\n
    <\/div>\n
    <\/div>\n <\/div>\n\t\t\t\t\t<\/div>\n\t\t\n\n\n

    Einfach<\/strong>: Ein einfaches Trennzeichen, mit dem Abschnitte voneinander getrennt werden.<\/p>\n\n\n\t\t\t

    \n \n
    \n
    <\/div>\n
    <\/div>\n
    \n <\/svg>\n<\/span>\n <\/div>\n
    <\/div>\n
    <\/div>\n <\/div>\n\t\t\t\t\t<\/div>\n\t\t\n\n\n

    Und das ist ein Wrap, yo! Sie haben das turbulente Wasser eines guten Styleguides \u00fcberstanden.<\/p>","protected":false},"excerpt":{"rendered":"

    The Style Guide Typography is more than just what fonts you use. Typography is everything that has to do with how text looks \u2013 such […]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"novablocks_hero_scroll_indicator":false,"novablocks_hero_position_indicators":false,"jetpack_post_was_ever_published":false},"yoast_head":"\nStyle Guide - Rosa2 Lite<\/title>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Style Guide - Rosa2 Lite\" \/>\n<meta property=\"og:description\" content=\"The Style Guide Typography is more than just what fonts you use. Typography is everything that has to do with how text looks \u2013 such […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/demos.pixelgrade.com\/rosa2-lite\/de\/style-guide\/\" \/>\n<meta property=\"og:site_name\" content=\"Rosa2 Lite\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/pixelgrademedia\/\" \/>\n<meta property=\"article:modified_time\" content=\"2020-01-23T12:51:10+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary\" \/>\n<meta name=\"twitter:site\" content=\"@pixelgrade\" \/>\n<meta name=\"twitter:label1\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebSite\",\"@id\":\"https:\/\/demos.pixelgrade.com\/rosa2-lite\/#website\",\"url\":\"https:\/\/demos.pixelgrade.com\/rosa2-lite\/\",\"name\":\"Rosa 2 Demo\",\"description\":\"An Exquisite Restaurant Wordpress Theme\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/demos.pixelgrade.com\/rosa2-lite\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"de\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/demos.pixelgrade.com\/rosa2-lite\/style-guide\/\",\"url\":\"https:\/\/demos.pixelgrade.com\/rosa2-lite\/style-guide\/\",\"name\":\"Style Guide - Rosa2 Lite\",\"isPartOf\":{\"@id\":\"https:\/\/demos.pixelgrade.com\/rosa2-lite\/#website\"},\"datePublished\":\"2019-09-19T06:49:55+00:00\",\"dateModified\":\"2020-01-23T12:51:10+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/demos.pixelgrade.com\/rosa2-lite\/style-guide\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/demos.pixelgrade.com\/rosa2-lite\/style-guide\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/demos.pixelgrade.com\/rosa2-lite\/style-guide\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/demos.pixelgrade.com\/rosa2-lite\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Style Guide\"}]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Style Guide - Rosa2 Lite","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"de_DE","og_type":"article","og_title":"Style Guide - Rosa2 Lite","og_description":"The Style Guide Typography is more than just what fonts you use. Typography is everything that has to do with how text looks \u2013 such […]","og_url":"https:\/\/demos.pixelgrade.com\/rosa2-lite\/de\/style-guide\/","og_site_name":"Rosa2 Lite","article_publisher":"https:\/\/www.facebook.com\/pixelgrademedia\/","article_modified_time":"2020-01-23T12:51:10+00:00","twitter_card":"summary","twitter_site":"@pixelgrade","twitter_misc":{"Gesch\u00e4tzte Lesezeit":"3 Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebSite","@id":"https:\/\/demos.pixelgrade.com\/rosa2-lite\/#website","url":"https:\/\/demos.pixelgrade.com\/rosa2-lite\/","name":"Rosa 2 Demo","description":"An Exquisite Restaurant Wordpress Theme","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/demos.pixelgrade.com\/rosa2-lite\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"de"},{"@type":"WebPage","@id":"https:\/\/demos.pixelgrade.com\/rosa2-lite\/style-guide\/","url":"https:\/\/demos.pixelgrade.com\/rosa2-lite\/style-guide\/","name":"Style Guide - Rosa2 Lite","isPartOf":{"@id":"https:\/\/demos.pixelgrade.com\/rosa2-lite\/#website"},"datePublished":"2019-09-19T06:49:55+00:00","dateModified":"2020-01-23T12:51:10+00:00","breadcrumb":{"@id":"https:\/\/demos.pixelgrade.com\/rosa2-lite\/style-guide\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/demos.pixelgrade.com\/rosa2-lite\/style-guide\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/demos.pixelgrade.com\/rosa2-lite\/style-guide\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/demos.pixelgrade.com\/rosa2-lite\/"},{"@type":"ListItem","position":2,"name":"Style Guide"}]}]}},"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/P8pzrv-rI","_links":{"self":[{"href":"https:\/\/demos.pixelgrade.com\/rosa2-lite\/de\/wp-json\/wp\/v2\/pages\/1718"}],"collection":[{"href":"https:\/\/demos.pixelgrade.com\/rosa2-lite\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demos.pixelgrade.com\/rosa2-lite\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demos.pixelgrade.com\/rosa2-lite\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demos.pixelgrade.com\/rosa2-lite\/de\/wp-json\/wp\/v2\/comments?post=1718"}],"version-history":[{"count":0,"href":"https:\/\/demos.pixelgrade.com\/rosa2-lite\/de\/wp-json\/wp\/v2\/pages\/1718\/revisions"}],"wp:attachment":[{"href":"https:\/\/demos.pixelgrade.com\/rosa2-lite\/de\/wp-json\/wp\/v2\/media?parent=1718"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}