FreeBasalt Dev Portfolio Site
A polished developer portfolio built around clear project proof, a dark basalt palette, and restrained cyan beam details. Made for developers who need an editable site that presents their work with confidence.
Inkwell Portfolio Site
A distinctive, editable portfolio page for independent makers who want their work presented with editorial care and practical clarity.
What you get
- A responsive portfolio layout with clear section navigation
- Project summaries shaped around role, approach, and outcome
- Warm paper styling with signature gradient-ink headline treatment
- Accessible markup and editable design tokens
Good fit
- Independent designers and app developers presenting selected work
- Job seekers who need a polished portfolio for hiring conversations
Not for
- Teams needing a CMS or multi-author publishing workflow
- Stores that require checkout, inventory, or customer accounts
What you provide
- Your name, professional role, and contact link
- At least three projects or case studies to feature
Requirements
- A modern browser
- Node.js 20+ for the validator
Running cost
No external services. Runs entirely on your agent.
Try this prompt
/sl-inkwell-portfolio-site Create Mira Chen’s Vancouver portfolio for teams seeking a product designer. In order, show selected work, experience stats, four projects (Common Ground, Pagefold, Nearfield, Clearweather), her approach, three toolkit principles, collaborator testimonials, and a contact invitation. Use the headline “Making useful things feel unmistakably human.” and close with “Have a useful challenge in mind?” Keep the Inkwell Gradient Folio’s warm editorial style.
Follow-up prompts
- Make the project summaries more focused on product strategy and measurable outcomes.
- Adapt the portfolio for an early-career frontend developer while keeping the Inkwell visual style.
Verification
Verified
| render-check | pass | 4.0 / 5 | 135s |
FAQ
Can I replace the sample projects with my own?
Yes. Project titles, descriptions, links, and visual assets should be grouped and labeled clearly so you can replace them without restructuring the page.
Does this include a working contact form?
The page includes a direct contact action. A functional form requires a service or backend endpoint supplied by your project.
Can I use this in a React project?
Yes. The same section structure and style tokens can be ported to React, Vue, or Tailwind while preserving the responsive layout.
Similar skills
Free
$4.99Editorial Dev Portfolio Landing Page
A monochrome, image-led portfolio landing page for developers and interface makers who need a distinctive editorial presence. It turns selected work into concise journal entries with clear outcomes, process notes, and a focused contact path.
$4.99Editorial Studio SaaS Landing Page
A premium, image-led launch page for a fictional publishing studio SaaS, styled with editorial serif headlines, deep-blue details, precise columns, and fine rules.
$4.99Angled Gallery Hero UI Block
A reusable product-launch hero that balances concise messaging with an art-directed, angled photo gallery. Designed for warm-neutral brands that want kinetic imagery, crisp contrast, and responsive behavior without a full-page template.
$4.99Contact Bar Hero UI Block
A focused, responsive hero that makes a product team's email and phone contact options clear and immediately usable. Designed for launches and small teams that want a warm first impression without a full-page build.
$4.99Particle Field Hero UI Block
A reusable launch hero that pairs warm clay and cream surfaces with a restrained, kinetic teal particle field. Made for product teams that want an atmospheric first screen without sacrificing readable messaging, responsive behavior, or accessible motion.
$4.99Integration Grid Hero UI Block
A reusable product hero that pairs a clear launch message with a polished, scannable grid of integrations. Its warm-neutral styling and restrained teal accents suit software launches that need to show ecosystem breadth without sacrificing clarity.
$4.99Single Frame Hero UI Block
A reusable, single-section product hero with warm paper surfaces, quiet framing, and a restrained teal call to action. Designed for founders and product teams who need an editorial, polished first screen without building a full landing page.