# TenderLift Brand

TenderLift watches [SIMAP](https://simap.ch) for Swiss SMEs and tells them which tenders to bid on. This page is the single reference for our logos, colors, typography, and the words we use — so anyone (press, partners, integrations, or an AI agent assembling a one-pager) can produce on-brand material without guesswork.

A machine-readable copy of this page lives at [/brand.md](/brand.md). A bundled asset pack is at [/tenderlift-brand-kit.zip](/tenderlift-brand-kit.zip).

## Usage rights

You may use the TenderLift name and wordmark to refer to us in articles, integrations, partner pages, slide decks, and accurate comparisons. Don't alter the wordmark, recolor it, stretch it, or build a logomark out of pieces of it. Don't imply endorsement or partnership we haven't agreed to. Don't invent new product names like "TenderLift Pro Max AI Suite".

If you're unsure, write to [info@tenderlift.ch](mailto:info@tenderlift.ch).

## Logo

The TenderLift wordmark sets the brand name in lowercase — **tenderlift** — with a small two-block red accent at the top-left. The wordmark is the primary mark. The icon (just the red accent block) is the secondary mark.

In running text, the brand name is written **TenderLift** (capital T, capital L). Only the wordmark itself is lowercase — never type the product name as "tenderlift" in body copy.

### Wordmark

<div class="brand-variants">
  <a class="brand-variant brand-variant--wide" href="/tenderlift-logo.svg" download>
    <div class="brand-variant__preview brand-variant__preview--light">
      <img src="/tenderlift-logo.svg" alt="TenderLift wordmark in black" />
    </div>
    <div class="brand-variant__meta">
      <strong>Wordmark · SVG</strong>
      <code>tenderlift-logo.svg</code>
      <em>Vector · scales infinitely</em>
    </div>
  </a>
  <a class="brand-variant brand-variant--wide" href="/tenderlift-logo.svg" download="tenderlift-logo-dark.svg">
    <div class="brand-variant__preview brand-variant__preview--dark">
      <svg width="320" height="61" viewBox="0 0 357 68" fill="none" xmlns="http://www.w3.org/2000/svg" aria-label="TenderLift wordmark on Slate Navy">
        <path d="M0.27832 30.8838V20.7324H7.74512V14.3032H19.626V50.8105C19.626 54.1191 21.0798 55.7734 23.9873 55.7734H29.1006V66H22.4834C12.6579 66 7.74512 61.1624 7.74512 51.4873V30.8838H0.27832Z" fill="currentColor"/>
        <path d="M33.6123 43.2158C33.6123 35.8467 35.6676 30.0316 39.7783 25.7705C43.889 21.5094 48.9772 19.3789 55.043 19.3789C60.9082 19.3789 65.8711 21.5846 69.9316 25.9961C74.0423 30.3574 76.0977 36.0973 76.0977 43.2158C76.0977 44.6696 76.0225 46.1234 75.8721 47.5771H45.7939C45.7939 50.4346 46.6963 52.8659 48.501 54.8711C50.3057 56.8262 52.737 57.8037 55.7949 57.8037C58.0508 57.8037 60.0059 57.2523 61.6602 56.1494C63.3646 54.9964 64.6429 53.5426 65.4951 51.7881L75.4961 55.3223C73.9922 58.681 71.5358 61.5384 68.127 63.8945C64.7181 66.2005 60.4821 67.3535 55.4189 67.3535C49.0524 67.3535 43.8138 65.1729 39.7031 60.8115C35.6426 56.4502 33.6123 50.585 33.6123 43.2158ZM45.8691 39.3809H63.8408C63.8408 36.4733 63.0638 33.9919 61.5098 31.9365C60.0059 29.8311 57.8503 28.7783 55.043 28.7783C52.1855 28.7783 49.9297 29.8311 48.2754 31.9365C46.6712 34.042 45.8691 36.5234 45.8691 39.3809Z" fill="currentColor"/>
        <path d="M82.8652 66V20.7324H94.3701V25.1689H94.4453C96.9017 21.3089 100.737 19.3789 105.95 19.3789C115.926 19.3789 120.914 25.2441 120.914 36.9746V66H108.958V38.4033C108.958 35.195 108.507 32.9391 107.604 31.6357C106.702 30.2822 105.273 29.6055 103.318 29.6055C100.812 29.6055 98.7816 30.6331 97.2275 32.6885C95.6735 34.6937 94.8965 37.2253 94.8965 40.2832V66H82.8652Z" fill="currentColor"/>
        <path d="M127.306 43.291C127.306 35.8216 129.11 29.9814 132.72 25.7705C136.379 21.5094 141.066 19.3789 146.781 19.3789C150.992 19.3789 154.376 20.9329 156.933 24.041V2.53516H168.889V66H157.233V61.4883C156.331 63.0423 154.902 64.4209 152.947 65.624C150.992 66.777 148.912 67.3535 146.706 67.3535C144.3 67.3535 141.969 66.9023 139.713 66C137.507 65.0977 135.452 63.7441 133.547 61.9395C131.642 60.1348 130.113 57.6283 128.96 54.4199C127.857 51.2116 127.306 47.502 127.306 43.291ZM139.638 43.291C139.638 47.7526 140.415 51.1865 141.969 53.5928C143.573 55.9489 145.729 57.127 148.436 57.127C151.092 57.127 153.173 55.8988 154.677 53.4424C156.231 50.986 157.008 47.6022 157.008 43.291C157.008 39.1803 156.281 35.8717 154.827 33.3652C153.373 30.8587 151.243 29.6055 148.436 29.6055C145.528 29.6055 143.322 30.8587 141.818 33.3652C140.365 35.8216 139.638 39.1302 139.638 43.291Z" fill="currentColor"/>
        <path d="M176.258 43.2158C176.258 35.8467 178.313 30.0316 182.424 25.7705C186.535 21.5094 191.623 19.3789 197.688 19.3789C203.554 19.3789 208.517 21.5846 212.577 25.9961C216.688 30.3574 218.743 36.0973 218.743 43.2158C218.743 44.6696 218.668 46.1234 218.518 47.5771H188.439C188.439 50.4346 189.342 52.8659 191.146 54.8711C192.951 56.8262 195.382 57.8037 198.44 57.8037C200.696 57.8037 202.651 57.2523 204.306 56.1494C206.01 54.9964 207.288 53.5426 208.141 51.7881L218.142 55.3223C216.638 58.681 214.181 61.5384 210.772 63.8945C207.364 66.2005 203.128 67.3535 198.064 67.3535C191.698 67.3535 186.459 65.1729 182.349 60.8115C178.288 56.4502 176.258 50.585 176.258 43.2158ZM188.515 39.3809H206.486C206.486 36.4733 205.709 33.9919 204.155 31.9365C202.651 29.8311 200.496 28.7783 197.688 28.7783C194.831 28.7783 192.575 29.8311 190.921 31.9365C189.317 34.042 188.515 36.5234 188.515 39.3809Z" fill="currentColor"/>
        <path d="M225.511 66V20.7324H237.016V24.5674C237.968 23.1637 239.322 21.9606 241.076 20.958C242.881 19.9053 244.886 19.3789 247.092 19.3789C249.699 19.3789 251.553 19.6546 252.656 20.2061V31.1846C250.902 30.6331 249.047 30.3574 247.092 30.3574C243.883 30.3574 241.477 31.6107 239.873 34.1172C238.319 36.6237 237.542 39.9824 237.542 44.1934V66H225.511Z" fill="currentColor"/>
        <path d="M257.92 66V2.53516H269.951V66H257.92Z" fill="currentColor"/>
        <path d="M280.403 15.9199V3.58789H292.51V15.9199H280.403ZM280.554 66V20.7324H292.435V66H280.554Z" fill="currentColor"/>
        <path d="M299.428 30.8838V20.7324H305.895V16.9727C305.895 12.2103 307.073 8.62598 309.429 6.21973C311.785 3.76335 315.169 2.53516 319.58 2.53516H327.551V12.8369H321.46C320.207 12.8369 319.304 13.2129 318.753 13.9648C318.201 14.7168 317.926 15.9701 317.926 17.7246V20.7324H327.573V30.8838H317.926V66H305.895V30.8838H299.428Z" fill="currentColor"/>
        <path d="M327.573 30.8838V20.7324H334.995V7.87402H346.876V20.7324H356.275V30.8838H346.876V50.8105C346.876 54.1191 348.33 55.7734 351.237 55.7734H356.351V66H349.733C339.908 66 334.995 61.1624 334.995 51.4873V30.8838H327.573Z" fill="currentColor"/>
        <path d="M14 8.9407e-07L24 0V10H14V8.9407e-07Z" fill="#DA291C"/>
        <path d="M24 20V0H34V20H24Z" fill="#DA291C"/>
      </svg>
    </div>
    <div class="brand-variant__meta">
      <strong>Wordmark on Slate Navy · SVG</strong>
      <code>tenderlift-logo.svg</code>
      <em>Same file · letters invert via currentColor</em>
    </div>
  </a>
  <a class="brand-variant" href="/tenderlift-logo.png" download>
    <div class="brand-variant__preview brand-variant__preview--light">
      <img src="/tenderlift-logo.png" alt="TenderLift wordmark PNG" />
    </div>
    <div class="brand-variant__meta">
      <strong>Wordmark · PNG @1×</strong>
      <code>tenderlift-logo.png</code>
      <em>357 × 68 px · ~3 KB</em>
    </div>
  </a>
  <a class="brand-variant" href="/tenderlift-logo@2x.png" download>
    <div class="brand-variant__preview brand-variant__preview--light">
      <img src="/tenderlift-logo@2x.png" alt="TenderLift wordmark PNG @2x" />
    </div>
    <div class="brand-variant__meta">
      <strong>Wordmark · PNG @2×</strong>
      <code>tenderlift-logo@2x.png</code>
      <em>714 × 136 px · retina / HiDPI</em>
    </div>
  </a>
  <a class="brand-variant" href="/tenderlift-logo@4x.png" download>
    <div class="brand-variant__preview brand-variant__preview--light">
      <img src="/tenderlift-logo@4x.png" alt="TenderLift wordmark PNG @4x" />
    </div>
    <div class="brand-variant__meta">
      <strong>Wordmark · PNG @4×</strong>
      <code>tenderlift-logo@4x.png</code>
      <em>1428 × 272 px · slide decks, print</em>
    </div>
  </a>
</div>

### Icon

The icon is the same red-block + lowercase "t" that anchors the wordmark, sized as a square. Use it for avatars, favicons, social profiles, and app tiles.

<div class="brand-variants">
  <a class="brand-variant" href="/tenderlift-icon.svg" download>
    <div class="brand-variant__preview brand-variant__preview--light">
      <img src="/tenderlift-icon.svg" alt="TenderLift icon SVG" />
    </div>
    <div class="brand-variant__meta">
      <strong>Icon · SVG</strong>
      <code>tenderlift-icon.svg</code>
      <em>Vector · scales infinitely</em>
    </div>
  </a>
  <a class="brand-variant" href="/tenderlift-icon-192.png" download>
    <div class="brand-variant__preview brand-variant__preview--light">
      <img src="/tenderlift-icon-192.png" alt="TenderLift icon PNG 192" />
    </div>
    <div class="brand-variant__meta">
      <strong>Icon · PNG 192</strong>
      <code>tenderlift-icon-192.png</code>
      <em>192 × 192 px · Slack, Discord, web tiles</em>
    </div>
  </a>
  <a class="brand-variant" href="/tenderlift-icon-512.png" download>
    <div class="brand-variant__preview brand-variant__preview--light">
      <img src="/tenderlift-icon-512.png" alt="TenderLift icon PNG 512" />
    </div>
    <div class="brand-variant__meta">
      <strong>Icon · PNG 512</strong>
      <code>tenderlift-icon-512.png</code>
      <em>512 × 512 px · app stores, OG fallback</em>
    </div>
  </a>
  <a class="brand-variant" href="/favicon.svg" download>
    <div class="brand-variant__preview brand-variant__preview--light">
      <img src="/favicon.svg" alt="TenderLift favicon" />
    </div>
    <div class="brand-variant__meta">
      <strong>Favicon · SVG</strong>
      <code>favicon.svg</code>
      <em>16 × 16 px · browser tab icon</em>
    </div>
  </a>
</div>

Click any variant to download it. Or grab everything in one zip: [/tenderlift-brand-kit.zip](/tenderlift-brand-kit.zip).

### Clearspace and size

Keep at least the height of the red accent block (the "x" measure of the lowercase letters) clear on every side of the wordmark. Don't let other content (text, edges, images) crowd it.

Minimum size: 96 px wide for digital, 25 mm wide for print. Below that the red accent blocks stop reading.

### Backgrounds

Use the wordmark on white, light gray, or Slate Navy `#1e2a3a`. On Slate Navy the wordmark inverts to white — keep the red accent unchanged.

## Color

Four canonical brand colors. Slate Navy is primary. Red is an accent and should be the smallest amount of color on any layout.

**Click any swatch to copy its hex value.**

<div class="brand-swatches">
  <button class="brand-swatch" data-copy-color="#1e2a3a" type="button">
    <span class="brand-swatch__chip" style="background:#1e2a3a"></span>
    <strong>Slate Navy</strong>
    <code>#1e2a3a</code>
    <em>Primary CTA, headings, dark surfaces</em>
    <span class="brand-swatch__copied" aria-live="polite">Copied</span>
  </button>
  <button class="brand-swatch" data-copy-color="#2563eb" type="button">
    <span class="brand-swatch__chip" style="background:#2563eb"></span>
    <strong>Glacier Blue (light)</strong>
    <code>#2563eb</code>
    <em>Links, focus rings on light surfaces</em>
    <span class="brand-swatch__copied" aria-live="polite">Copied</span>
  </button>
  <button class="brand-swatch" data-copy-color="#3b82f6" type="button">
    <span class="brand-swatch__chip" style="background:#3b82f6"></span>
    <strong>Glacier Blue (dark)</strong>
    <code>#3b82f6</code>
    <em>Links, focus rings on dark surfaces (5.3:1)</em>
    <span class="brand-swatch__copied" aria-live="polite">Copied</span>
  </button>
  <button class="brand-swatch" data-copy-color="#DA291C" type="button">
    <span class="brand-swatch__chip" style="background:#DA291C"></span>
    <strong>TenderLift Red</strong>
    <code>#DA291C</code>
    <em>Logo accent only — never a primary surface</em>
    <span class="brand-swatch__copied" aria-live="polite">Copied</span>
  </button>
  <button class="brand-swatch" data-copy-color="#0a0a0a" type="button">
    <span class="brand-swatch__chip brand-swatch__chip--bordered" style="background:#0a0a0a"></span>
    <strong>Black</strong>
    <code>#0a0a0a</code>
    <em>Wordmark text, body type on light surfaces</em>
    <span class="brand-swatch__copied" aria-live="polite">Copied</span>
  </button>
</div>

### Neutrals

Use sparingly; prefer the four brand colors plus white space for marketing collateral.

<div class="brand-swatches">
  <button class="brand-swatch" data-copy-color="#ffffff" type="button">
    <span class="brand-swatch__chip brand-swatch__chip--bordered" style="background:#ffffff"></span>
    <strong>White</strong>
    <code>#ffffff</code>
    <em>Page backgrounds</em>
    <span class="brand-swatch__copied" aria-live="polite">Copied</span>
  </button>
  <button class="brand-swatch" data-copy-color="#f5f5f5" type="button">
    <span class="brand-swatch__chip" style="background:#f5f5f5"></span>
    <strong>Gray 100</strong>
    <code>#f5f5f5</code>
    <em>Subtle backgrounds, dividers</em>
    <span class="brand-swatch__copied" aria-live="polite">Copied</span>
  </button>
  <button class="brand-swatch" data-copy-color="#737373" type="button">
    <span class="brand-swatch__chip" style="background:#737373"></span>
    <strong>Gray 500</strong>
    <code>#737373</code>
    <em>Secondary text, captions</em>
    <span class="brand-swatch__copied" aria-live="polite">Copied</span>
  </button>
  <button class="brand-swatch" data-copy-color="#171717" type="button">
    <span class="brand-swatch__chip" style="background:#171717"></span>
    <strong>Gray 900</strong>
    <code>#171717</code>
    <em>Body text on light backgrounds</em>
    <span class="brand-swatch__copied" aria-live="polite">Copied</span>
  </button>
</div>

## Typography

TenderLift uses the **IBM Plex** family — sans for everything, serif for editorial passages only, mono for code and IDs. IBM Plex is open-source under the SIL Open Font License and is available on [Google Fonts](https://fonts.google.com/?query=ibm+plex). The wordmark itself is a custom SVG and does not use a system font.

| Family | Use | Weights used |
| --- | --- | --- |
| IBM Plex Sans | Body, UI, headings, marketing copy | 400, 500, 600, 700 |
| IBM Plex Serif | Editorial passages, AI-generated long-form output | 400, 700 |
| IBM Plex Mono | Code, tender IDs, prices, tabular figures | 400, 500 |

### Type scale (suggested for collateral)

| Use | Size | Weight |
| --- | --- | --- |
| Display H1 | 48–60 px | 600 |
| Page H2 | 32–40 px | 600 |
| Section H3 | 20–24 px | 600 |
| Body | 16 px | 400 |
| Caption / meta | 13–14 px | 500 |

## Words we use

TenderLift's voice is **direct, concrete, honest about scope, and brief**. We lead with the benefit, use real numbers, name Switzerland as our scope, and skip the throat-clearing. We avoid hype words ("AI-powered", "next-gen", "intelligent") and corporate phrasing ("Our mission to democratize…").

When writing about TenderLift, use this vocabulary:

- **Buyers** — public entities that publish tenders (cantons, federal offices, municipalities, schools, hospitals).
- **Companies** — Swiss businesses (neutral term).
- **Competitors** — companies ranked by relevance to a user's own scope.
- **Market** — the section in-app showing the competitive landscape.

Avoid **"vendor"**, **"supplier"**, or **"provider"** — say "companies" or "competitors" instead. Don't invent product names with **"Pro"**, **"Max"**, **"AI Suite"** or version suffixes.

## DOs and DON'Ts

**DO**

- Keep the wordmark on white, light gray, or Slate Navy.
- Use IBM Plex everywhere in body copy and UI.
- Pair the wordmark with at least one cap-height of clear space.
- Link to [tenderlift.com](https://tenderlift.com) as the canonical reference.

**DON'T**

- Recolor, rotate, or stretch the wordmark.
- Use TenderLift Red as a primary surface or button.
- Use stock imagery of handshakes, lightbulbs, abstract data swirls, or city skylines.
- Imply a partnership or endorsement that hasn't been agreed to.
- Translate the wordmark or the product name. "TenderLift" stays English in all locales.

## Imagery and social

Open-Graph / social cards are generated at `og.tenderlift.ch` — wordmark + title + description on a Slate Navy field. For partner content, the safest pattern is the same: wordmark on Slate Navy, white type, no decorative imagery. If you need a photo, use a real one (a tender notice screenshot, a Swiss building) — not stock metaphors.

## Quick reference (for agents)

```yaml
name: TenderLift
tagline: "Never miss a Swiss tender."
website: https://tenderlift.com
contact: info@tenderlift.ch
scope: Switzerland only

colors:
  slate_navy: "#1e2a3a"      # primary CTA, headings, dark surfaces
  glacier_blue: "#2563eb"    # links, focus rings — light mode
  glacier_blue_dark: "#3b82f6"  # links, focus rings — dark mode
  tenderlift_red: "#DA291C"  # logo accent — never a primary surface
  black: "#0a0a0a"           # wordmark text, body type

neutrals:
  white: "#ffffff"
  gray_100: "#f5f5f5"
  gray_500: "#737373"
  gray_900: "#171717"

fonts:
  sans: "IBM Plex Sans"      # body, UI, headings — 400/500/600/700
  serif: "IBM Plex Serif"    # editorial / long-form passages only
  mono: "IBM Plex Mono"      # code, IDs, tabular figures

logo:
  wordmark_svg:    "https://tenderlift.com/tenderlift-logo.svg"
  wordmark_png_1x: "https://tenderlift.com/tenderlift-logo.png"        # 357 × 68
  wordmark_png_2x: "https://tenderlift.com/tenderlift-logo@2x.png"     # 714 × 136
  wordmark_png_4x: "https://tenderlift.com/tenderlift-logo@4x.png"     # 1428 × 272
  icon_svg:        "https://tenderlift.com/tenderlift-icon.svg"
  icon_png_192:    "https://tenderlift.com/tenderlift-icon-192.png"    # 192 × 192
  icon_png_512:    "https://tenderlift.com/tenderlift-icon-512.png"    # 512 × 512
  favicon_svg:     "https://tenderlift.com/favicon.svg"                # 16 × 16

kit: "https://tenderlift.com/tenderlift-brand-kit.zip"

product_name_in_body: "TenderLift"   # capital T, capital L
wordmark_text: "tenderlift"          # the wordmark itself is lowercase
```

## Contact

- Email: [info@tenderlift.ch](mailto:info@tenderlift.ch)
- [Book a call with the founder](https://cal.com/tenderlift/30min?source=brand)
- Asset pack: [/tenderlift-brand-kit.zip](/tenderlift-brand-kit.zip)
- Machine-readable: [/brand.md](/brand.md)