Desktopr Branding

Use these assets when referencing Desktopr in articles, documentation, integrations, marketplace listings, launch pages, or community posts.

Brand color

Desktopr’s primary brand color is:

#FD9A00Copied!

CSS Properties

--desktopr-primary: #FD9A00;

--desktopr-primary-rgb: 253, 154, 0;

color: #FD9A00;

background-color: #FD9A00;

border-color: #FD9A00;

outline-color: #FD9A00;

box-shadow: 0 0 0 3px rgba(var(--desktopr-primary-rgb), 0.25);

text-decoration-color: #FD9A00;

fill: #FD9A00;

stroke: #FD9A00;

---

Tailwind CSS

// tailwind.config.js or .ts
export default {
  theme: {
    extend: {
      colors: {
        desktopr: {
          DEFAULT: '#FD9A00',
          50: '#FFF7E8',
          100: '#FFEBC2',
          200: '#FFD685',
          300: '#FFC047',
          400: '#FFAD1F',
          500: '#FD9A00',
          600: '#D98200',
          700: '#A86400',
          800: '#754600',
          900: '#472A00'
        }
      }
    }
  }
}

Logo assets

SVG icon

Use the SVG icon when you need a scalable mark, favicon, or compact brand symbol.

Download SVG logo

PNG logo

Use the PNG logo when you need the full Desktopr logo in presentations, landing pages, product listings, or visual previews.

Download PNG logo:

Sizes
Links

Usage guidelines

When using the Desktopr brand, please keep the logo readable, clear, and visually separated from surrounding elements.

Use enough spacingLeave clear space around the logo so it does not feel cramped.

Keep proportionsDo not stretch, squeeze, rotate, or distort the logo.

Use the official colorUse #FD9A00 as the main accent color when referencing Desktopr.

Prefer contrastPlace the logo on backgrounds where it remains easy to read.

Short description

You can use this short description when linking to Desktopr:

Desktopr turns your web app into a native desktop application for Windows, macOS, and Linux, giving you access to powerful native desktop capabilities. No lock-in, full ownership.

Copied!

Longer description

A more detailed version for product pages, forums, blog posts, directories, press kits, partner listings etc.

Desktopr is a desktop app builder that wraps your existing web application into a native Tauri-based desktop app for Windows, macOS, and Linux. It allows you to access powerful native desktop capabilities, providing package installers, and app distribution. No lock-in, full ownership.

Copied!

Embeddable badges

Get started withDesktopr

<a href="https://desktopr.app" target="_blank" rel="noopener noreferrer" style="display:inline-flex;align-items:center;gap:14px;padding:14px 18px;min-width:120px;border:1px solid rgba(255,255,255,0.22);border-radius:18px;background:#1f1f1f;color:#ffffff;text-decoration:none;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;">
  <span style="display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;background:transparent;overflow:hidden;">
    <img src="https://desktopr.app/assets/logo/logo.svg" alt="Desktopr" style="width:100%;height:100%;object-fit:contain;display:block;" />
  </span>
  <span style="display:flex;flex-direction:column;line-height:1.05;">
    <span style="color:rgba(255,255,255,0.68);font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:0.02em;">Get started with</span>
    <span style="margin-top:5px;color:#ffffff;font-size:18px;font-weight:800;letter-spacing:-0.03em;">Desktopr</span>
  </span>
</a>

---

Powered by Desktopr

<a href="https://desktopr.app" target="_blank" rel="noopener noreferrer" style="display:inline-flex;align-items:center;gap:9px;padding:9px 13px;border:1px solid rgba(255,255,255,0.18);border-radius:999px;background:#1f1f1f;color:rgba(255,255,255,0.76);text-decoration:none;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:13px;font-weight:500;line-height:1;">
  <img src="https://desktopr.app/assets/logo/logo.svg" style="width:18px;height:18px;object-fit:contain;display:block;" />
  <span>Powered by <strong style="color:#ffffff;font-weight:750;">Desktopr</strong></span>
</a>