Ready-to-Use Components

Build your portfolio with copy-and-paste components. Stop wrestling with CSS layouts. Launch a stunning site faster and keep the focus on your design work.

Your two-column hero

“I need a hero. I’m holding out for a hero ’til the end of the night!”

Your Photo

Full-Width Text Block

Use this for key statements or case study introductions. Just change the text—the responsive layout is handled for you. Easily modify this component to suit your needs. Components can be added anywhere on any page.

My Role

Team

Timeline

Tools

My Role

Design Systems Designer

Design Technologist

UX Engineer

Team

Independent project

Timeline

6 weeks

Tools

Figma

GitHub Desktop

VS Code

SVGator

Want columns?

Try the new section container component with section items. Section items can contain text or images. Components can be added anywhere on any page.

Your Photo

Project Description Block

Use this two-column layout to separate project context from detailed case study text.

Components can be added anywhere on any page.

Back to top