Skip to main content

Documentation Index

Fetch the complete documentation index at: https://docs.qwoty.io/llms.txt

Use this file to discover all available pages before exploring further.

Your brand kit controls how quotes and Dealrooms look to your buyers — fonts, colors, button styling, content blocks, and your logo. A polished brand kit is what turns a generic quote into a document that feels unmistakably yours. Time: ~15 minutes Where it lives: the Brand kit is a section of your business unit, not a separate page.
This guide focuses on the visual customization. For the full business unit form (legal entity, tax IDs, identifiers), see Business units.

​
Before you start

You’ll need:
  • Your logo as a PNG, JPEG, PJG, WEBP, or GIF file (max 10 MB)
  • Your brand colors in hex format (for example, #0066FF)
  • Optionally, a preferred font for headings (Qwoty includes common web fonts)
If your designer maintains a brand guideline document, keep it open in a tab — you’ll copy hex codes and font names from it as you go.

​
Open your brand kit

A default business unit is created automatically at sign-up. You configure its brand kit in Settings.
1

Open Settings

In the left sidebar, click Settings.
2

Navigate to Business Units

Under the Workspace section, click Business Units.
3

Open your business unit

Click your default business unit to open its configuration form.
4

Scroll to the Brand kit section

The form has four sections — scroll to Brand kit to start customizing your visual identity.

​
Set up live preview before you edit

Before you start changing colors and fonts, open one of your quotes in a separate browser window. As you save changes to the Brand kit, you’ll refresh the quote window to see your updates applied in real time.
1

Open an existing quote

In a new browser window or tab, navigate to Projects → Quotes and open any draft quote. If you don’t have one yet, create a quick test quote with a single line item.
2

Position the windows side by side

Arrange the two windows so you can see both at once: the Brand kit form on one side, the quote on the other. Split-screen view works well on a single monitor.
3

Refresh after each save

Each time you click Save in the Brand kit, refresh the quote window. The new colors, fonts, and logo apply instantly.
This live preview workflow saves you from blindly tweaking values, saving, navigating to a quote, navigating back, and so on. You see the result of every change in seconds.

​
Customize fonts and colors

The Brand kit splits into three groups of styling: theme, buttons, and blocks. Adjust them in this order — theme first sets the foundation, buttons and blocks refine the details.

​
Theme

The theme controls the base look of every quote and Dealroom page.
  • Title Font — font family for headings. Poppins is a clean, modern default. Use a font that matches your other brand materials.
  • Theme Background Color — the main page background. Most brands use white (#FFFFFF) or a very light gray.
  • Theme Text Color — the default text color. Black (#000000) or a very dark gray gives the best readability.

​
Buttons

Buttons appear when buyers approve, comment, or sign quotes in the Dealroom.
  • Button Background Color — fill color of buttons. Often your primary brand color.
  • Button Text Color — text color inside buttons. Make sure it contrasts strongly with the background.
  • Button Corner — sets the corner roundness. Choose None for sharp corners, or pick a curved option for a softer feel.

​
Blocks

Blocks are the content boxes that group quote line items, terms, and signatures.
  • Block Stroke — the border style around each block (none, thin, thick)
  • Block Stroke Color — color of the border
  • Block Corner — corner roundness for blocks (matches your overall aesthetic)
  • Block Shadow — drop shadow style for added depth
If you ever want to start over, click Reset at the top of the Brand kit section to revert to Qwoty defaults.
The logo appears at the top of every quote and Dealroom.
1

Click Upload file in the Logo section

Either drag a file directly into the upload zone or click Select existing files to pick from your media library.
2

Check the requirements

  • Formats: PNG, JPEG, PJG, WEBP, GIF
  • Maximum size: 10 MB
  • Recommended dimensions: max height 50 px, max width 150 px
  • Display: images render at their original size, so size your file before upload
3

Verify in your live preview

Refresh the quote window to confirm the logo renders cleanly at the top of the document. If it looks pixelated or oversized, upload a smaller, higher-resolution file.
Avoid uploading a logo larger than the recommended 50 × 150 px. Since images display at their original size, oversized files crowd the quote header and push content down.

​
Save and verify

1

Click Save

At the bottom of the form, click Save to apply your brand kit.
2

Refresh your live preview

Switch to your quote window and refresh. All your changes — fonts, colors, logo — should appear at once.
3

Test the Dealroom view

Click Publish on the quote (or open an already-published one) to see the buyer-facing Dealroom. The brand kit applies here too.
Your business unit is now branded. Every new quote and Dealroom will use this look automatically.

​
What’s next

You’ve customized the look. Now use it to create something real.

Send your first quote

Create your first quote and see your branding live in a Dealroom.

Business units (full reference)

Configure tax IDs, legal entity details, and external identifiers.

Templates

Link your business unit to templates so quotes inherit the branding.

Connect your CRM

Sync your customers and deals before scaling up.