quote-professional

The quote-professional template features a traditional business style with formal serif typography, structured grid layout, and a professional footer. Ideal for law firms, consulting companies, and B2B services.

Preview

A typical quote-professional document includes:

• Formal header with traditional layout
• Structured metadata in a grid
• Clear client information block
• Professional table with borders
• Detailed totals section
• Formal terms and signature area

Usage

<glyph-editor
  api-key="gk_your_key"
  template="quote-professional"
  data='...'
></glyph-editor>

Key Differences from quote-modern

Aspect	quote-modern	quote-professional
Typography	Sans-serif	Serif (Georgia-like)
Layout	Minimal, spacious	Structured, formal
Colors	Soft accent	Strong borders
Line items	Hover highlights	Full borders
Footer	Simple	Formal with signature lines

Data Schema

The data schema is identical to quote-modern:

interface QuoteProfessionalData {
  client: {
    name: string;
    company?: string;
    email?: string;
    address?: string;
    phone?: string;
  };

  lineItems: Array<{
    description: string;
    details?: string;
    quantity: number;
    unitPrice: number;
    total: number;
  }>;

  totals: {
    subtotal: number;
    discount?: number;
    tax?: number;
    taxRate?: number;
    total: number;
  };

  meta?: {
    quoteNumber?: string;
    date?: string;
    validUntil?: string;
    notes?: string;
    terms?: string;
    showSignature?: boolean;
  };

  branding?: {
    logoUrl?: string;
    companyName?: string;
    companyAddress?: string;
  };

  styles?: {
    accentColor?: string;
  };
}

Complete Example

{
  "client": {
    "name": "Margaret Thompson",
    "company": "Thompson & Associates Law Firm",
    "email": "mthompson@thompsonlaw.com",
    "address": "One Financial Plaza\n15th Floor\nBoston, MA 02110"
  },
  "lineItems": [
    {
      "description": "Legal Consultation",
      "details": "Initial assessment and strategy meeting",
      "quantity": 2,
      "unitPrice": 450,
      "total": 900
    },
    {
      "description": "Document Preparation",
      "details": "Contract drafting and review",
      "quantity": 8,
      "unitPrice": 350,
      "total": 2800
    },
    {
      "description": "Filing Fees",
      "details": "State and federal filing costs",
      "quantity": 1,
      "unitPrice": 1500,
      "total": 1500
    }
  ],
  "totals": {
    "subtotal": 5200,
    "total": 5200
  },
  "meta": {
    "quoteNumber": "INV-2024-0156",
    "date": "January 15, 2024",
    "validUntil": "January 30, 2024",
    "terms": "Payment is due upon receipt. A late fee of 1.5% per month will be applied to overdue balances. This quote is valid for the period specified above.",
    "showSignature": true
  },
  "branding": {
    "companyName": "Sterling Legal Services",
    "companyAddress": "100 Federal Street\nSuite 2400\nBoston, MA 02110"
  }
}

Visual Characteristics

Typography

• Headings: Serif font (Georgia, Times New Roman)
• Body: Serif font for formal appearance
• Numbers: Tabular figures for alignment

Colors

• Default accent: Deep blue (#1a365d)
• Borders: Solid gray borders throughout
• Backgrounds: White with subtle gray for metadata

Layout

• Header: Traditional letterhead style
• Grid: Formal 3-column metadata layout
• Table: Full borders with header row
• Footer: Formal with room for signatures

Regions

Same regions as quote-modern:

Region	Content
header	Company letterhead
meta	Quote details grid
client-info	Recipient information
line-items	Services/products table
totals	Financial summary
notes	Additional information
footer	Terms and signatures

Common Modifications

Make it More Formal

await editor.modify("Add a formal title 'PROFESSIONAL SERVICES QUOTATION' at the top");
await editor.modify("Include our company registration number in the footer");

Adjust for Your Industry

// Consulting
await editor.modify("Change 'Quote' to 'Statement of Work'");

// Legal
await editor.modify("Add 'PRIVILEGED AND CONFIDENTIAL' watermark");

// Accounting
await editor.modify("Add a reference field for PO number");

Enhance Formality

await editor.modify("Add more formal language to the terms section");
await editor.modify("Include a formal acceptance signature block");

When to Use

Best for:

• Law firms and legal services
• Accounting and consulting firms
• B2B professional services
• Government contractors
• Financial services

Consider alternatives for:

• Tech startups (use quote-modern)
• Creative agencies (use quote-bold)
• E-commerce (use quote-modern)

Tip

For maximum professionalism, include complete branding information and detailed terms and conditions.

Print Considerations

This template is optimized for formal business printing:

• Clear margins for letterhead
• Signature lines are properly spaced
• Terms text is readable at standard size
• Page breaks handled gracefully for multi-page quotes