quote-bold

The quote-bold template features a high-impact modern design with a dark header, bold typography, and strong visual hierarchy. Perfect for creative agencies, startups, and brands that want to make a statement.

Preview

A typical quote-bold document includes:

Dark, dramatic header with large company name
High-contrast metadata section
Bold client information display
Modern table with accent highlights
Prominent totals with strong visual weight
Stylish footer

Usage

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

Key Differences from Other Templates

Aspect	quote-modern	quote-professional	quote-bold
Header	Minimal	Traditional	Dark/dramatic
Typography	Clean sans	Formal serif	Bold sans
Colors	Soft accent	Formal blue	High contrast
Visual weight	Light	Medium	Heavy
Best for	General	Corporate	Creative

Data Schema

Same schema as other quote templates:

interface QuoteBoldData {
  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": "Alex Rivera",
    "company": "Velocity Ventures",
    "email": "alex@velocityvc.com",
    "address": "500 Startup Way\nSan Francisco, CA 94107"
  },
  "lineItems": [
    {
      "description": "Brand Strategy Workshop",
      "details": "2-day intensive brand positioning session",
      "quantity": 1,
      "unitPrice": 8000,
      "total": 8000
    },
    {
      "description": "Visual Identity Design",
      "details": "Logo, color palette, typography system",
      "quantity": 1,
      "unitPrice": 15000,
      "total": 15000
    },
    {
      "description": "Brand Guidelines",
      "details": "Comprehensive 50+ page brand book",
      "quantity": 1,
      "unitPrice": 5000,
      "total": 5000
    },
    {
      "description": "Website Design",
      "details": "10-page marketing site with animations",
      "quantity": 1,
      "unitPrice": 25000,
      "total": 25000
    }
  ],
  "totals": {
    "subtotal": 53000,
    "discount": 3000,
    "total": 50000
  },
  "meta": {
    "quoteNumber": "BOLT-2024-042",
    "date": "January 15, 2024",
    "validUntil": "February 1, 2024",
    "notes": "This quote includes unlimited revisions during the design phase. Production timeline: 8-10 weeks from kickoff.",
    "terms": "50% deposit required to begin. Balance due upon delivery."
  },
  "branding": {
    "logoUrl": "https://example.com/bolt-logo-white.png",
    "companyName": "BOLT CREATIVE",
    "companyAddress": "123 Design District\nAustin, TX 78701"
  },
  "styles": {
    "accentColor": "#f97316"
  }
}

Visual Characteristics

Dark background (slate/charcoal)
Large company name in bold uppercase
High contrast white text
Accent color highlight elements

Typography

Bold sans-serif throughout
Large headings for impact
Strong hierarchy clear sections
Uppercase for labels

Colors

Default accent: Orange (#f97316)
Header: Dark slate (#1e293b)
Contrast: White on dark
Totals: Accent color emphasis

Layout

Full-bleed header
Strong sections with clear breaks
Generous spacing for impact
Bold totals section

Recommended Accent Colors

The bold template works especially well with vibrant colors:

Color	Hex	Best For
Orange	`#f97316`	Creative, energetic
Purple	`#8b5cf6`	Premium, innovative
Pink	`#ec4899`	Bold, modern
Cyan	`#06b6d4`	Tech, digital
Green	`#10b981`	Eco, sustainable
Red	`#ef4444`	Urgent, powerful

{
  "styles": {
    "accentColor": "#8b5cf6"
  }
}

Common Modifications

Enhance the Drama

await editor.modify("Make the header even larger and more dramatic");
await editor.modify("Add a subtle gradient to the header background");

Brand Integration

await editor.modify("Add our tagline under the company name");
await editor.modify("Include social media icons in the footer");

Customize for Your Industry

// Creative agency
await editor.modify("Add 'CREATIVE PROPOSAL' as a subtitle");

// Tech startup
await editor.modify("Use a tech-forward style with monospace elements");

// Fashion/luxury
await editor.modify("Make it more elegant and minimal");

When to Use

Best for:

Creative and design agencies
Startups and tech companies
Marketing and advertising firms
Fashion and lifestyle brands
Entertainment industry

Consider alternatives for:

Conservative industries (use quote-professional)
Traditional businesses (use quote-modern)
Legal/financial services (use quote-professional)

Logo Considerations

Since this template has a dark header:

{
  "branding": {
    "logoUrl": "https://example.com/logo-white.png"
  }
}

Or modify the template:

await editor.modify("Make the header white instead of dark so we can use our standard logo");

Print Output

Despite the dark header, the template prints well:

Header uses print-safe colors
Sufficient contrast for readability
Proper margins maintained
Professional appearance in print