Desktopr

Appearance

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
css
--desktopr-primary: #FD9A00;
css
--desktopr-primary-rgb: 253, 154, 0;
css
color: #FD9A00;
css
background-color: #FD9A00;
css
border-color: #FD9A00;
css
outline-color: #FD9A00;
css
box-shadow: 0 0 0 3px rgba(var(--desktopr-primary-rgb), 0.25);
css
text-decoration-color: #FD9A00;
css
fill: #FD9A00;
css
stroke: #FD9A00;

Tailwind CSS ​

js
// 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.

Desktopr SVG icon

Download SVG logo

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

Desktopr 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 ​


DesktoprGet started withDesktopr
html
<a href="https://desktopr.dev" 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.dev/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>
DesktoprBuilt with Desktopr
html
<a href="https://desktopr.dev" 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.dev/assets/logo/logo.svg" style="width:18px;height:18px;object-fit:contain;display:block;" />
  <span>Built with <strong style="color:#ffffff;font-weight:750;">Desktopr</strong></span>
</a>