Theme und Standarddesign
Farben, Hintergrund und Schriften all Ihrer Links und das Design, mit dem Ihre Angebote gesendet werden.
Diese Funktion ist neu und in Ihrem Konto möglicherweise noch nicht aktiviert. Wenn Sie sie nicht sehen, schreiben Sie uns.
Was es ist
Die Ansicht Angebotsdesign vereint zwei Entscheidungen des Unternehmens:
- Das Theme: wie der Link all Ihrer Angebote aussieht. Ausgangspunkt ist Ihre Marke aus Identität (Logo, Farben und Schrift), und Sie können weiter gehen: Seitenlayout, Hintergrund, Schriften aus einem Katalog von 20 Familien, Ecken, Schatten und Bewegung.
- Das Standarddesign: mit welchem Design die Angebote gesendet werden, die weder ein eigenes noch ein in ihrem Editor gewähltes Design haben.
Voraussetzungen
- Die Berechtigung Einstellungen in Ihrer Rolle.
- Cord Studio ist in Ihrem Konto aktiviert.
Das Angebotsdesign öffnen
- Öffnen Sie Einstellungen › Marke und Erscheinungsbild › Identität.
- Klicken Sie am Ende der Seite auf Angebot gestalten: Webseite, Dokument oder Karte.
- Passen Sie links das Theme an. Die Vorschau rechts, So sieht es Ihr Kunde, zeigt Ihr Angebot mit jeder Änderung, auf Desktop oder Mobil.
- Klicken Sie auf Änderungen speichern (oder ⌘S / Strg+S). Bis Sie speichern, ändern sich Ihre Links nicht.
Fertige Themes
Ein Ausgangspunkt; danach passen Sie an, was Sie möchten. Wenn Sie eines wählen, ändern sich auf einen Schlag Seitenlayout, Farben, Hintergrund, Schriften und Form.
| Theme | So sieht es aus |
|---|---|
| Editorial | Breites Dokument auf cremefarbenem Hintergrund, Überschriften in Fraunces und Text in Lora. |
| Studio | Breite Webseite mit lila Verlauf, Plus Jakarta Sans und runden Schaltflächen. |
| Boutique | Mittelgroße Karte mit radialem Verlauf, Überschriften in Cormorant Garamond und Text in DM Sans. |
| Minimal | Weiße Karte ohne Schatten und ohne Bewegung, alles in Inter. |
| Technisch | Dokument auf blaugrauem Hintergrund, Überschriften in Space Grotesk und Text in IBM Plex Mono. |
| Wald | Webseite mit grünem Verlauf, Überschriften in Instrument Serif und Text in Figtree. |
| Ihre Marke | Zurück zu Ihrer Marke aus Identität, ohne all das oben Genannte. |
Seitenlayout und Breite
- Karte: das Angebot auf einer zentrierten Karte, wie immer.
- Dokument: ein Blatt mit Seitenrändern und fast eckigen Ecken, mit dem Kopfbereich in voller Breite auf Ihrer Hauptfarbe.
- Webseite: ohne Karte. Der Kopfbereich ist eine Titelseite in voller Breite auf Ihrer Hauptfarbe, und jeder Abschnitt ist ein Panel auf dem Seitenhintergrund.
Bei Dokument und Webseite steht auf der Farbe Ihr Logo für dunklen Hintergrund. Haben Sie ein Logo hochgeladen, aber keines für dunklen Hintergrund, wird der Kopfbereich in einem hellen Ton Ihrer Marke dargestellt, damit Ihr Logo lesbar bleibt. Die Breite kann Schmal, Mittel, Breit oder Voll sein.
Farben und Hintergrund
- Farben: Hauptfarbe, Akzent, Fläche (der Hintergrund des Angebots) und Text.
- Seitenhintergrund: Einfarbig, mit einer Farbe; Verlauf, mit den Farben Von und Bis, der Form Linear oder Radial und dem Winkel, oder Bild oder Video, über Aus der Mediathek wählen.
Der Gesamtbetrag wird in Ihrer Hauptfarbe dargestellt. Ist diese Farbe auf der Fläche nicht lesbar, stellt Cord ihn in der Textfarbe dar.
Hintergrund mit Bild oder Video
Das Bild oder Video stammt aus Ihrer Mediathek, die Sie im visuellen Editor oder direkt in der Auswahl füllen. Ist eines gewählt, stellen Sie ein:
- Position: die Mitte, oben, unten, links, rechts oder eine der vier Ecken.
- Tönung und Stärke der Tönung: eine Farbe über dem Bild.
- Deckkraft und Unschärfe (bis 40 px).
- Text darüber steht auf einer Karte.
Was Cord schützt:
- Der Text bleibt immer lesbar. Text, der direkt auf dem Bild steht, wird je nach Tönung weiß oder schwarz, mit einem Kontrast von mindestens 4,5 zu 1, gemessen am ungünstigsten Pixel jedes Fotos. Reicht die Tönung nicht, markiert der visuelle Editor das zum Prüfen, und im Link setzt Cord diesen Text auf eine Karte.
- Cord-Blöcke liegen nie auf dem Foto. Gesamtbetrag, Positionen, Bestätigung und die übrigen stehen immer auf ihrer einfarbigen Fläche.
- Das Video läuft ohne Ton und in Schleife und startet, sobald es sichtbar wird. Hat die lesende Person weniger Bewegung eingestellt oder den Datensparmodus aktiviert, bleibt es auf seinem Titelbild stehen. Beim Drucken ist das Video nicht zu sehen.
- Ein Design kann einen eigenen Hintergrund haben, über den Tab Theme des Editors: Er ist der Hintergrund des ganzen Links und ersetzt den des Themes.
Typografie
Wählen Sie eine Familie für Überschriften und Beträge und eine für Text sowie die Stärke der Überschriften (von 400 bis 800). Der Katalog umfasst 20 Familien, gruppiert in Serifenlos, Mit Serifen und Monospace:
- Serifenlos: Inter, Manrope, DM Sans, Plus Jakarta Sans, Space Grotesk, Sora, Outfit, Figtree, Bricolage Grotesque und Archivo.
- Mit Serifen: Fraunces, Playfair Display, Cormorant Garamond, Lora, EB Garamond, Instrument Serif, DM Serif Display und Young Serif.
- Monospace: JetBrains Mono und IBM Plex Mono.
Cord liefert diese Schriften von seinen eigenen Servern aus: Ihr Kunde lädt nichts von Dritten herunter.
Form und Bewegung
- Ecken (von 0 bis 40 px) und Schaltflächen (von 0 bis 48 px): wie stark sie abgerundet sind.
- Abstände: Kompakt, Bequem oder Großzügig.
- Schatten: Ohne Schatten, Weich, Mittel oder Kräftig.
- Bewegung: Keine, Dezent oder Ausdrucksstark. Wer seinem System weniger Bewegung vorgibt, sieht das Angebot ruhig.
Standarddesign
Oben in der Ansicht legt Standarddesign fest, mit welchem Design die Angebote gesendet werden, die weder ein eigenes noch ein in ihrem Editor gewähltes Design haben:
- Cord-Karte: das gewohnte Design, ohne eigene Blöcke.
- Eines Ihrer Designs: Die Liste zeigt die Designs, die Sie unter Ihre Designs erstellt haben.
Die Änderung wird sofort gespeichert und zeigt Gespeichert; Änderungen speichern ist dafür nicht nötig. Ihre Designs ansehen öffnet Angebote › Designs.
Für welche Links es gilt
- Das Theme gilt für alle Ihre Angebotslinks, auch für die bereits gesendeten, sobald Sie es speichern. Ein Design kann es nur für sich selbst ändern, im Tab Theme des Editors.
- Das Standarddesign gilt für die Angebote, die Sie ab jetzt senden. Bereits gesendete behalten das Design, mit dem sie gesendet wurden. Mit dem Professional-Tarif kann ein Angebot mit einem anderen Design gesendet werden, in seinem Editor gewählt oder ein eigenes: siehe Ein einzelnes Angebot gestalten.
- Das Theme gilt auch für Ihre Zahlungsseite, Ihre Rechnungen, das Kundenportal, eingebettete Dokumente auf Ihrer Website, E-Mails und PDFs. Der nächste Abschnitt erklärt das.
Wo das Theme außerdem erscheint
Das Theme gestaltet auch, was Ihr Kunde nach dem Angebot erhält. Dort gelten Ihre Farben, der Hintergrund, die Schriften und die Form, nicht aber das Seitenlayout und die Blöcke: Jedes Dokument behält seine Reihenfolge.
| Wo | Was vom Theme übernommen wird |
|---|---|
| Zahlungsseite des Angebots | Typografie, Ecken und Farben, auch im Kartenformular. |
| Rechnung und Kundenportal | Farben, Seitenhintergrund, Schriften, Ecken, Abstände, Breite und Bewegung. |
| Eingebetteter Angebotsrechner und eingebettete Rechnung auf Ihrer Website | Farben, Schriften und Form. Was Ihre Website mit dem Erscheinungsbild von Cord Elements festlegt, hat Vorrang vor dem Theme. |
| E-Mail zu Angebot und Rechnung | Farben und die E-Mail-Schrift, die Ihrer am nächsten kommt, weil E-Mail-Programme keine eigenen Schriften laden. |
| PDF der Rechnung und gedrucktes Angebot | Farben auf weißem Blatt und die nächstliegende Standardschrift: serifenlos, mit Serifen oder Monospace. |
- Steuerliche Angaben verschieben sich nicht. Rechnungsnummer, Steuern, Siegel, der Proforma-Hinweis und die Angaben zu Aussteller und Empfänger bleiben an ihrem Platz. Ist eine Textfarbe auf Ihrer Fläche nicht lesbar, dunkelt Cord sie so weit wie nötig ab oder hellt sie auf.
- Beim Drucken ist das Blatt hell, auch wenn Ihr Theme dunkel ist.
- In der E-Rechnung Factur-X wird eine Monospace-Schrift serifenlos ausgegeben.
Nachrichten auf Ihren Rechnungen
Am Ende der Ansicht speichert Rechnungen und Portal zwei Texte mit bis zu 280 Zeichen:
- Nachricht in der Kopfzeile: erscheint unter Ihrer Marke auf der Rechnung und im Portal.
- Dankesnachricht: erscheint unten auf der Rechnung und im Portal.
Sie werden mit Änderungen speichern gespeichert. Lassen Sie eine leer, wird nichts angezeigt.
Häufige Probleme
- Ich sehe den Link Angebot gestalten nicht. Cord Studio ist in Ihrem Konto noch nicht aktiviert, oder Ihre Rolle hat nicht die Berechtigung Einstellungen.
- „Das Design konnte nicht gespeichert werden: Prüfen Sie die Werte und versuchen Sie es erneut.“ Ein Wert liegt außerhalb des Zulässigen. Wählen Sie ihn erneut aus und speichern Sie noch einmal.
- Ich habe das Theme geändert, und ein Angebot hat sich nicht geändert. Sein Design hat das Theme nur für sich selbst geändert. Öffnen Sie es im Editor, Tab Theme.
- Der Gesamtbetrag erscheint nicht in meiner Farbe. Ihre Hauptfarbe ist auf der Fläche nicht lesbar. Dunkeln Sie sie ab oder ändern Sie die Fläche.
- Der Text meiner Rechnung hat nicht die gewählte Farbe. Cord passt sie an, damit Rechnungsnummer, Steuern und steuerliche Angaben auf Ihrer Fläche lesbar sind. Wählen Sie eine Textfarbe mit mehr Kontrast.