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
BUILDER
LoadBear · Next.js 16 · AI SDK 6 · shadcn/ui
AGENT
Claude · GPT-5 Mini · Gemini 3 Flash
Model
& BID
Overhead · Profit · Contingency · Bond · Tax
Cost Breakdown
DIVISIONS
8 divisions · 30 line items · live subtotals
Riverside Office
Meridian Properties
Due: Apr 1, 2026
Fork · Build · Ship
OpenGraph (OG) Images
1200 × 630 · preview images for social media and Slack shares
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
Construction Icon Set
16 hand-drawn SVG icons in construction orange (#FF6B00) and safety yellow (#FFB800)
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=1through/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