Design system

Lesmana

UI UX and Product Designer Portfolio

Stop sending Google Docs as your portfolio. Lesmana is a Framer portfolio template built for UI/UX and product designers who want to look as good as the work they ship.

Direction

System intent

Page system

01Works

02Work detail (CMS)

03Blog

04Blog detail (CMS)

05About

06Contact

07404

Guidelines

Do's and don'ts

Do

Preserve the source hierarchy before adding new patterns.
Reuse the native components and responsive behavior.
Keep new content aligned with the documented audience.

Don’t

Mix unrelated visual systems inside the same page.
Replace established spacing without checking every breakpoint.
Treat a free template as a permanent paid-template entitlement.

Prompts

Build with the system

Create a responsive page for Lesmana, a ui ux and product designer portfolio. Preserve the original visual hierarchy and component rhythm. Focus the experience on Build a professional portfolio as a UI/UX designer or product designer and validate it on desktop, tablet, and phone.

# Design System Guide

> Upgrade your library plan to access the complete file.

## Brand voice

A detailed description of the template's visual principles, tone, and intent.

## Design direction

- Layout hierarchy and responsive behavior
- Content rhythm and component guidance
- Audience and conversion principles

## Page architecture

The complete page and CMS structure is included in the unlocked file.

## Agent prompt

Copy the production-ready prompt after upgrading your plan.

Unlock the complete design system

Design.md access follows your active library plan, even when the source template itself is free.

Design.md is included with an eligible library plan or permanent ownership of this paid template. Free templates do not include Design.md access.