Card
The quote on a card over your background: the usual one, with your brand.
Your quote, designed around your brand.
Pick a theme, build your cover, your timeline and your testimonials, and edit everything right on the page. Your client always sees what they need to approve.
Early access: rolling out account by account. On every plan; customizing Cord blocks and a design for each quote, from Professional.
READY-MADE THEMES
Six themes to start. Your brand to finish.
Each theme changes the typefaces, the colours, the corners, the background and the page layout. Pick one and adjust it to your taste: twenty typefaces, your colours, the shadow, the spacing and the motion.
- Page layout
- Document
- Headings and amounts
- Fraunces
- Body text
- Lora
- Corners
- 4 px
- Shadow
- Strong
- Motion
- Subtle
- Page layout
- Web page
- Headings and amounts
- Plus Jakarta Sans
- Body text
- Plus Jakarta Sans
- Corners
- 24 px
- Shadow
- Soft
- Motion
- Expressive
- Page layout
- Card
- Headings and amounts
- Cormorant Garamond
- Body text
- DM Sans
- Corners
- 36 px
- Shadow
- Medium
- Motion
- Expressive
- Page layout
- Card
- Headings and amounts
- Inter
- Body text
- Inter
- Corners
- 12 px
- Shadow
- No shadow
- Motion
- None
- Page layout
- Document
- Headings and amounts
- Space Grotesk
- Body text
- IBM Plex Mono
- Corners
- 8 px
- Shadow
- Medium
- Motion
- Subtle
- Page layout
- Web page
- Headings and amounts
- Instrument Serif
- Body text
- Figtree
- Corners
- 20 px
- Shadow
- Soft
- Motion
- Subtle
- Page layout
- Card
- Headings and amounts
- Inter
- Body text
- Inter
- Corners
- 28 px
- Shadow
- Medium
- Motion
- Subtle
Your brand: the one in Settings › Brand appearance. If you don't pick a theme, your links look the same as always.
PAGE LAYOUT
Card, document or web page.
The same content, three ways to present it. You choose it in the theme, along with the page width.
Document
A sheet with a full-width header in your colour and page margins.
Web page
No card: the header is a full-width cover and each part is a panel on your background.
VISUAL EDITOR
Click on the page and type.
The editor opens your real quote in full screen. You click any block to edit it, type your text right on the page and see how it looks on desktop, tablet and mobile.
- A floating toolbar to move any block, and to duplicate or remove your own
- Variables like {cliente.nombre} or {total} that fill in with the details of each quote
- Undo, layers, keyboard shortcuts and the full design as code
YOUR OWN BLOCKS
Cover, timeline, stats and testimonials.
Build the proposal your client wants to read: a cover with their name, the stages of the work, the numbers that build trust, your team, the usual questions and your sign-off. Each block chooses its background, its width and how it appears.
- Ten blocks: cover, text, columns, timeline, stats, FAQ, team, testimonials, sign-off and divider
- Your brand background, a solid colour or a gradient, block by block
- Image, gallery, logos, video and image backgrounds, coming soon
SECTIONS
Columns, and a sidebar for the total.
Split the page into sections of one, two or three columns, each with its background at full width. With a sidebar, the total and the approve button stay fixed next to the content on wide screens.
- One, two or three columns, 60/40, 40/60 and a left or right sidebar
- Sections with automatic height or full screen
- Drag any block from one column to another
CORD BLOCKS
The total, the line items and the approve button, your way.
Cord blocks fill in on their own with the details of each quote. You move them wherever you want on any plan and, from Professional, decide how they are presented.
TotalCord block
LabelSizeLine itemsCord block
LayoutVisible columnsEach line's amount is always shown.Surface
- The total label, with variables like {cliente.nombre}
- Your own titles for the line items, the notes, the legal text, the conversation and the contact
- The text of the approve button
- The header on the left or centred
- Without the quantity or without the unit price: the amount of each line always shows
WHAT NEVER CHANGES
Design freely. Your client can always approve.
Cord checks every design before saving it, in the editor and in the code. While something doesn't comply, it tells you what and doesn't save it.
- The essentials stayThe header, the quote details, the total, the line items, the payment plan, the notes, the legal text and the approval can't be removed or repeated. The payment plan and the notes show when the quote has them.
- Everything before approvalCord won't save a design that puts one of those blocks after the approval.
- On any screenA Cord block can't be hidden on mobile or on desktop.
- Always readableThe text of Cord blocks and the theme colours need a contrast of at least 4.5 to 1. In your own blocks, the editor warns you if something is hard to read.
- Locked in when sentThe design your client received doesn't change, even if you edit it later.
- Less motionAnyone who asked their system for less motion sees the quote standing still.
WHY IT MATTERS
This is what Cord Studio actually changes.
FREQUENTLY ASKED QUESTIONS
Cord Studio: the questions we hear most.
Cord Studio is the set of tools you use to decide how your client sees the quote link: your brand theme (colours, background, typefaces, corners, spacing, motion and page layout), designs built from blocks and a full-screen visual editor where you edit everything in place.
No. The header, the quote details, the total, the line items, the payment plan, the notes, the legal text and the approval can't be removed or repeated, they come before approval and they show on every device (the payment plan and the notes, when the quote has them). Cord checks every design before saving it: if a block your client needs is missing or the text of a Cord block isn't readable on its background (with a contrast of at least 4.5 to 1), it won't save until you fix it.
No. The design is locked in when you send the quote, and if it first went out with a design, a new version of the same quote keeps that same one. What does reach all your links is the business theme: if you change your colours or typefaces in Settings, the links pick them up, except for anything a design changed just for itself.
Yes, from the Professional plan. While editing the quote you pick another of your saved designs, or, from a draft's detail page, the Design this quote button opens the editor with a design that applies only to that quote. Quotes without their own design go out with your default design or, if you haven't chosen one, with the usual Cord card.
No. It only changes the quote link. The PDF that's downloaded or printed keeps the format from Settings › Quotes › PDF document, and the email keeps the one from Settings › Notifications › Email.
No. You start with one of the six ready-made themes or with your brand and adjust whatever you want in the visual editor. If you prefer, the Code panel has the full design as JSON, which Cord validates just as it does in the editor.
All of them, Free included: the theme, sections and your own blocks, moving Cord blocks, multiple saved designs with a default and the Code panel. From Professional, you also customize Cord blocks (their text, the total's size and alignment, a centred header, how line items look and their surface) and give a single quote a different design. If your plan doesn't include it, what you saved is kept but not applied: your quotes go out with the default design and Cord blocks as usual, and a quote already sent keeps its design.
Cord Studio is new and is being enabled account by account, so it may not be on yours yet. If you don't see Designs in the Quotes menu, write to us.
Explore the rest of the product.
Public linkEvery proposal generates an interactive, branded link.
Quote editorAdjust prices line by line, set credit terms and watch the total recalculate with tax, live.
Live trackingCord tells you when your client opens the proposal, how many times they've viewed it and what they did next.
DocumentationCord Studio, step by step.