Theme · Portfolio · Beginner
Freelancer Portfolio Site
Freelancer portfolio = an availability kicker, an hourly rate, priced service cards, and one client testimonial.
Tips
The rate sits right under the headline, never make a visitor hunt. Terracotta for the testimonial and emphasis only.
See also
Build a portfolio site for an independent product designer, "Mara Reyes".
STYLE
- Warm off-white (#fbfaf8) canvas, near-black type (#1a1a1a)
- One muted accent (terracotta #c4623d) for links and the name underline
- Generous line-height, a single editorial serif for the name, system sans for body
LAYOUT
- Top bar: "Mara Reyes" wordmark; links Services / Work / Testimonials; a black "Hire me" pill
- Hero: kicker "PRODUCT DESIGN - AVAILABLE OCT", headline "I design interfaces that ship.", rate "$95/hour - no minimum retainer"
- Three service cards: UI Design (from $4.5k), Design Systems (from $8k), Webflow Dev (from $3k)
- Tall only: testimonial card with a terracotta rule - "Mara rebuilt our onboarding in three weeks. Activation went up 18%." - Jonah Kim, CEO, Beacon
COMPONENTS
- Nav: wordmark, three links, Hire me pill
- Hero: availability kicker, headline, rate line
- Service cards with starting prices; tall adds a testimonial with a terracotta rule
INTERACTION
- The hire pill is the only filled element; service cards lift on hover; the testimonial rule carries the accent.
TECHNICAL
- React, Tailwind CSS, no component library — bespoke minimal markup