Social

Lookbook

Lookbook is a working portfolio for a UGC creator, freelancer or personal brand, with the business behind it.

Screenshot Open live app
Lookbook preview

About this template

Overview

Lookbook is a working portfolio for a UGC creator, freelancer or personal brand, with the business behind it. The public profile is the work grid with a rate card under it; a brand sends a brief, gets a reconciled quote back, pays a deposit, reviews deliverables and settles the balance in one place. Creators & Personal Brand vertical.

What you get

  • Public profile: work grid with typographic captions, nine-row rate card, three written testimonials and a links row
  • Brief intake form (brand, product, deliverables, usage, budget, due date)
  • Brief inbox with stage filter and sort, unread marks and a moving selection highlight
  • Deal view: the brief, a quote built from the rate card with a reconciled total and 50% deposit, deliverable tiles with version and status, and a revisions thread
  • Deals list, earnings by month that reconcile to paid deals, profile and rate-card editor
  • Brand portal: approve the quote, pay the deposit, review and approve deliverables, pay the balance
  • Demo role picker (Creator / Brand), seeded data, empty, loading, error and success states, settings and billing

The signature screen

The brief inbox is a two-pane screen: the inbound briefs on the left as a dense list with brand, product, budget, due date and stage, and the selected deal on the right with its quote, deposit status and the deliverable gallery — image tiles with version and status overlays, a revisions thread beneath, and a full-screen view that dims the chrome around the tile.

Who it's for

UGC creators, freelancers and personal brands who are tired of static link-in-bio pages and want the rate card, brief, deposit and delivery loop in the portfolio itself.

Design

Type pairing
Bricolage Grotesque display · Hanken Grotesk body
Palette
  • #121212
  • #1E1E1E
  • #F2F2F2
  • #A8A8A8
  • #333333
  • #E8FF47
Motion
MR-5 focus dim when a deliverable tile opens full screen (ui spring 305/33); MR-1 staggered arrival on the public work grid; inbox selection highlight moves via layoutId. Reduced motion: no dim, a 2px border marks the focused tile.
Signature screen
Brief inbox with deliverable gallery — 14 briefs across five stages, the selected deal's 4-line quote, paid deposit, 8 image tiles across v1/v2 and a 5-entry revisions thread.

Frequently asked questions

What is the Lookbook template?
Creator portfolio with a cash register behind it: work grid, rate card, briefs, deposits and deliverable approval
Who is the Lookbook template for?
UGC creators, freelancers and personal brands who are tired of static link-in-bio pages and want the rate card, brief, deposit and delivery loop in the portfolio itself.
How long does it take to build an app with the Lookbook template?
Timing depends on your changes and setup. Review the generated app, connect any required services, and test the core workflow before sharing it.
Do I need to code to use the Lookbook template?
You can start with plain-language instructions. Complex behavior, custom integrations, and production troubleshooting may need technical help.
How much does the Lookbook template cost?
This template has no separate template purchase price. Building and AI edits require builder access and available credits. Hosting and connected services may have their own costs; check current pricing and provider terms.
Can I customize the Lookbook template?
You can request changes to the design and behavior. Review each change, complete any connection setup, and test forms, permissions, and payments that your app uses.

Review current pricing and the template inspection guide before you start.

Related templates

Make this template your starting point.

Inspect the preview, plan your changes, and test the workflow before you share it.

Use this template