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!”
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
- Brand Identity Designer
- Packaging Designer
- Event Branding
Team
- Solo project with client feedback
- Collaborated with print vendor
Timeline
- 8 weeks total
- Research & Concept
- Design & Production
Tools
- Adobe Illustrator
- Figma
- Adobe InDesign
- Procreate
My Role
Design Systems Designer
Design Technologist
UX Engineer
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.
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.