Lookbook
Lookbook is a working portfolio for a UGC creator, freelancer or personal brand, with the business behind it.
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?
Who is the Lookbook template for?
How long does it take to build an app with the Lookbook template?
Do I need to code to use the Lookbook template?
How much does the Lookbook template cost?
Can I customize the Lookbook template?
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