--- title: "Desktopr Branding" description: "Official Desktopr brand assets, colors, and basic usage guidelines." source: https://desktopr.dev/branding --- # 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:
#FD9A00 Copied! 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 ### PNG logo Use the PNG logo when you need the full Desktopr logo in presentations, landing pages, product listings, or visual previews. Desktopr PNG logo #### Download PNG logo: |**Sizes**|x71|x150|x300|x512|x1024|x2048| |--|--|--|--|--|--|--| |**Links**| Download | Download | Download | Download | Download | Download | ## Usage guidelines When using the Desktopr brand, please keep the logo readable, clear, and visually separated from surrounding elements. Use enough spacing Leave clear space around the logo so it does not feel cramped. Keep proportions Do not stretch, squeeze, rotate, or distort the logo. Use the official color Use #FD9A00 as the main accent color when referencing Desktopr. Prefer contrast Place 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 Desktopr Get started with Desktopr ```html Desktopr Get started with Desktopr ``` --- Desktopr Built with Desktopr ```html Built with Desktopr ```