LoadBear›Brand Assets
Back to docs

Brand Assets

All assets are React components generated from LoadBear's design tokens. Use them as-is or replace with exported images.

Thumbnails

1200 × 630 · v0 marketplace preview cards

ESTIMATE
BUILDER

LoadBear · Next.js 16 · AI SDK 6 · shadcn/ui

02 Site Work03 Concrete09 Finishes16 Electrical
Variant 1Full size
AI
AGENT

Claude · GPT-5 Mini · Gemini 3 Flash

Model

claude-opus-4-6
Temperature0.3
Variant 2Full size
$487,240
MARKUP
& BID

Overhead · Profit · Contingency · Bond · Tax

Cost Breakdown

Total Bid$487,240
MaterialLaborEquipmentSubcontractor
Variant 3Full size
02
$20k
03
$4.6k
05
$22k
07
$42k
09
$110k
CSI
DIVISIONS

8 divisions · 30 line items · live subtotals

Riverside Office

Meridian Properties

Due: Apr 1, 2026

02 Site03 Concrete05 Structural07 Envelope09 Finishes
Variant 4Full size
CONSTRUCTIONESTIMATING

Fork · Build · Ship

MaterialsLaborSubs
Variant 5Full size

OpenGraph (OG) Images

1200 × 630 · preview images for social media and Slack shares

LoadBear

Construction Estimate
Starter Kit

CSI line items · markups · AI agent · Next.js 16 · AI SDK 6

Next.js 16shadcn/uiAI SDK 6
StandardFull size
LoadBear

Construction Estimate Builder

CSI divisions · markup calculator · AI agent · React components

Next.js 16AI SDK 6shadcn/ui
With IconsFull size

App Icons

Apple Touch Icon and favicon sizes

Apple Touch Icon

180 × 180

Favicon

32 × 32

Favicon

16 × 16

LoadBear Mascot

The LoadBear — a bear wearing a safety vest

On Dark
On Light
48px
32px

Construction Icon Set

16 hand-drawn SVG icons in construction orange (#FF6B00) and safety yellow (#FFB800)

Orange (#FF6B00)
Yellow (#FFB800)
On Light BG
LoadBear
Hard Hat
Safety Vest
Safety Goggles
Work Gloves
Warning Sign
First Aid
Barrier
Tools
Cement Mixer
Crane
Ladder
Scaffolding
Bulldozer
Ear Protection
Extinguisher

All icons are React components exported from components/docs/brand-assets.tsx. Import individually (e.g., HardHatIcon, CraneIcon) or use ConstructionIconGrid for the full set.

Using these assets

  • All assets live in components/docs/brand-assets.tsx
  • Thumbnails are rendered at /thumbnail?v=1 through /thumbnail?v=4
  • OG image renders at /og-preview
  • To export as static images, screenshot the full-size routes or use a headless browser / @vercel/og