# Corporate Design: Logos, Colours, Spelling | Speam > Speam brand elements for partners and press: download logos and product icons, and check brand colours, wordmark rules and the correct spelling. Quelle: https://speam.io/en/corporate-design/ Speam corporate design # Logos, colors and naming — in one place. For partners, press and members: every Speam brand element for download, with the rules for correct use. ## The wordmark "Speam" is always bold in the CI gradient, the product name in regular weight and text color. On red or dark surfaces both are white. SpeamCore On light surfaces: "Speam" in the gradient, product name in text color SpeamCore On CI red and dark surfaces: both white **Naming:** always one word with a capital inside — SpeamCore, SpeamCommerce, SpeamPIM, SpeamBox, SpeamLMS, SpeamPlan. Never "Speam Core", "SPEAMCORE" or "Speamcore". Plain in body copy; the two-tone treatment applies only to headlines and wordmarks. ## Logos for download Colored variants for light surfaces, white for CI red and dark. Please do not recolor, distort, rotate or add effects. ![Speam logo](https://speam.io/img/logos/speam-2023.webp) Speam logo PNG · for light surfaces [Download](https://speam.io/logos/speam-2023.png) ![Speam logo, white version](https://speam.io/img/logos/speam-wordmark-white.webp) Speam logo, white PNG · for CI red and dark [Download](https://speam.io/logos/speam-wordmark-white.png) ![SpeamCore](https://speam.io/img/logos/wordmarks/core-quer.webp) ![SpeamCore wordmark, white version](https://speam.io/img/logos/wordmarks/core-quer-white.webp) SpeamCore [Landscape](https://speam.io/logos/wordmarks/core-quer.png) [Portrait](https://speam.io/logos/wordmarks/core-hoch.png) [Icon](https://speam.io/logos/core-icon.png) [Landscape white](https://speam.io/logos/wordmarks/core-quer-white.png) [Portrait white](https://speam.io/logos/wordmarks/core-hoch-white.png) [Icon white](https://speam.io/logos/core-icon-white.png) ![SpeamCommerce](https://speam.io/img/logos/wordmarks/commerce-quer.webp) ![SpeamCommerce wordmark, white version](https://speam.io/img/logos/wordmarks/commerce-quer-white.webp) SpeamCommerce [Landscape](https://speam.io/logos/wordmarks/commerce-quer.png) [Portrait](https://speam.io/logos/wordmarks/commerce-hoch.png) [Icon](https://speam.io/logos/commerce-icon.png) [Landscape white](https://speam.io/logos/wordmarks/commerce-quer-white.png) [Portrait white](https://speam.io/logos/wordmarks/commerce-hoch-white.png) [Icon white](https://speam.io/logos/commerce-icon-white.png) ![SpeamPIM](https://speam.io/img/logos/wordmarks/pim-quer.webp) ![SpeamPIM wordmark, white version](https://speam.io/img/logos/wordmarks/pim-quer-white.webp) SpeamPIM [Landscape](https://speam.io/logos/wordmarks/pim-quer.png) [Portrait](https://speam.io/logos/wordmarks/pim-hoch.png) [Icon](https://speam.io/logos/pim-icon.png) [Landscape white](https://speam.io/logos/wordmarks/pim-quer-white.png) [Portrait white](https://speam.io/logos/wordmarks/pim-hoch-white.png) [Icon white](https://speam.io/logos/pim-icon-white.png) ![SpeamBox](https://speam.io/img/logos/wordmarks/box-quer.webp) ![SpeamBox wordmark, white version](https://speam.io/img/logos/wordmarks/box-quer-white.webp) SpeamBox [Landscape](https://speam.io/logos/wordmarks/box-quer.png) [Portrait](https://speam.io/logos/wordmarks/box-hoch.png) [Icon](https://speam.io/logos/box-icon.png) [Landscape white](https://speam.io/logos/wordmarks/box-quer-white.png) [Portrait white](https://speam.io/logos/wordmarks/box-hoch-white.png) [Icon white](https://speam.io/logos/box-icon-white.png) ![SpeamLMS](https://speam.io/img/logos/wordmarks/lms-quer.webp) ![SpeamLMS wordmark, white version](https://speam.io/img/logos/wordmarks/lms-quer-white.webp) SpeamLMS [Landscape](https://speam.io/logos/wordmarks/lms-quer.png) [Portrait](https://speam.io/logos/wordmarks/lms-hoch.png) [Icon](https://speam.io/logos/lms-icon.png) [Landscape white](https://speam.io/logos/wordmarks/lms-quer-white.png) [Portrait white](https://speam.io/logos/wordmarks/lms-hoch-white.png) [Icon white](https://speam.io/logos/lms-icon-white.png) ![SpeamPlan](https://speam.io/img/logos/wordmarks/plan-quer.webp) ![SpeamPlan wordmark, white version](https://speam.io/img/logos/wordmarks/plan-quer-white.webp) SpeamPlan [Landscape](https://speam.io/logos/wordmarks/plan-quer.png) [Portrait](https://speam.io/logos/wordmarks/plan-hoch.png) [Icon](https://speam.io/logos/plan-icon.png) [Landscape white](https://speam.io/logos/wordmarks/plan-quer-white.png) [Portrait white](https://speam.io/logos/wordmarks/plan-hoch-white.png) [Icon white](https://speam.io/logos/plan-icon-white.png) ## Colors CI red is the only brand color — it carries accents, buttons and the wordmark. Everything else stays neutral. CI red #e7344c Brand color: accents, links, wordmark CI gradient #eb5d46 → #e7354b, 135° Buttons, the "Speam" wordmark, hero surfaces Dark red #b3122e Gradient end of large CTA surfaces Text #1d1d1f Headings and body copy on light Muted text #6e6e73 Secondary text, labels Light surface #f5f5f7 Alternating section backgrounds ## Do this — not that Correct ✓Use the colored logo on white and light surfaces ✓Use the white logo on CI red, the gradient and dark surfaces ✓Spelling: SpeamCore, SpeamCommerce, SpeamPIM, SpeamBox, SpeamLMS, SpeamPlan ✓Keep a clear space of at least half the logo height ✓Use the original files from this page Wrong ✕Recoloring, distorting, rotating the logo or adding shadows ✕Placing the colored logo on red or dark surfaces ✕Split or lowercase spelling: "Speam Core", "speamcore", "SPEAMCORE" ✕Applying the two-tone treatment in body copy ✕Using old logo versions or screenshots as a stand-in [ ![BVBS — Bundesverband Software und Digitalisierung im Bauwesen e.V.](https://speam.io/img/partners/bvbs.webp) ](https://www.bvbs.de/) ## Member of the BVBS Speam is a member of BVBS — the German federal association for software and digitalization in construction. The BVBS logo is governed by the association's corporate design; guidelines and original files are provided on the BVBS website. [BVBS corporate design ](https://www.bvbs.de/corporate-design/) ## Missing something? For print data, special formats or approval questions, drop us a line — we will send the right file. [Send a request ](mailto:info@speam.io)