Frequently Asked Questions About GraphiqVibe 4-Slide Portfolio Build Method
22 answers covering everything from basics to advanced usage.
// Basics
What is a monitor mockup in a design portfolio?
A monitor mockup is the hero element on the cover slide: a PNG monitor with its background removed, layered with your project image inside the screen, a Pinterest-sourced screen overlay set to Multiply or Darken blend mode, and micro-text detail. It's the primary visual statement of the portfolio and is duplicated for balance and mirrored on the end slide.
What is the rectangle-with-corner-squares element used for?
It's a recurring system element — a plain rectangle with small square accents at all four corners. It frames the bio block on the About Me slide and acts as the project image container on project slides. Its repetition across slides is what creates visual consistency and makes the deck feel like a designed system rather than a collection of pages.
What size should my portfolio artboard be?
Set the artboard to 2000 × 1549 px. The width is fixed at 2000, but the height can increase if your content requires more room. Create one artboard per slide and delete any extras immediately to keep the file clean and organized.
Which fonts does this portfolio method use?
It uses two fonts: Mohara, a bold display font, for all major titles across every slide — it's the typographic anchor of the portfolio. And Pixel Pearl, a secondary font, for micro-text details like project names and years inside the monitor screen, which adds a digital or retro texture to the detail layer.
What should go on the end slide of my portfolio?
Reuse the Mohara title treatment, add a white-text skills list with all your relevant capabilities, and include your social media handles with matching icons. Then duplicate the monitor mockup from the cover and place copies in the bottom corners for visual balance, mirroring the composition language from the first slide so the deck bookends cleanly.
// How To
How do I create the hand-drawn brush-stroke letters on the cover?
Type your title word in Mohara but deliberately remove a letter, leaving the space empty. Then use the Path Brush Tool — accessed by long-pressing the pencil tool — to hand-sketch the missing letters in a red stroke. Iterate several times until the lettering looks intentional; the first attempt will look rough, so keep trying until it reads as a deliberate design choice.
How do I build the reusable background layer?
Fill a rectangle with a neutral gray, then overlay a grid graphic sourced from Freepik — download a PS file and copy-paste the grid element. Reduce the grid's opacity to 14. Once built, copy this exact background layer to every slide rather than recreating it from scratch, which is what maintains consistency across the whole deck.
How do I create the color block effect on my profile photo?
Apply a Color Overlay in red with Multiply blend mode to your profile photo PNG. Then use the Ellipse Tool to draw a red filled circle with no stroke and send it behind the photo for depth. Make sure to remove any stroke from the ellipse — an unwanted stroke breaks the clean color-block effect.
How do I remove the background from a monitor or profile image?
Use the Object Selection Tool, but first switch to Pixel mode. It erases the background automatically. For monitors sourced online, this leaves you with a clean PNG you can layer over a colored rectangle for depth. For profile photos, start with a photo that already has a plain or removable background for best results.
How do I run a consistency audit on my portfolio?
Check that every slide uses four system elements: the same gray-plus-grid background at opacity 14, the Mohara title font, the rectangle-with-corner-squares frame, and at least one doodle or brush-stroke accent. If any slide looks visually disconnected from the rest, it's missing one of these elements — add it to bring the slide back into the system.
Can I add more than one project slide?
Yes. Build the project showcase slide once with the corner-square frame, then duplicate it for each additional project and swap the images. You can use a single hero image per slide or arrange multiple images as a collage inside the frame. Keep labels short on every project slide to avoid clutter regardless of how many you add.
// Troubleshooting
Why does my monitor overlay look pasted on instead of realistic?
You've likely skipped the blend mode step. A monitor overlay placed at Normal blend mode sits flat on top of the image and looks fake. Set the overlay to Multiply, Darken, or Hard Light and adjust the opacity until the screen glare or texture integrates naturally with your project image beneath it.
Why does my portfolio look disconnected between slides?
Disconnection usually means you're missing a system element on one or more slides. Most commonly, someone recreates the background from scratch instead of copying the exact same layer, so opacity or grid alignment drifts. Copy the identical background, reuse the Mohara title treatment and corner-square frame, and add a doodle accent to every slide to lock in consistency.
My project slide looks cluttered — what should I fix?
You've probably added long project descriptions that compete with the work itself. Cut them down. A project title and a short label of what the project is about is enough. Let the work breathe inside the corner-square frame and remove any lengthy paragraphs — clutter undermines the design you're trying to showcase.
My decorative elements feel unbalanced — how do I fix the composition?
Use the monitor duplicate trick: place copies of the monitor mockup on both sides of the composition to maintain visual equilibrium. On the cover and end slides, mirroring elements left and right keeps the layout balanced. If a single side feels heavy, add a supporting detail like a tool icon or year stamp to fill the gap on the lighter side.
// Comparisons
How does this method compare to using a Behance or Dribbble template?
Behance and Dribbble templates get you online fast but make your portfolio look like everyone else's. This method builds a custom deck with a distinctive visual identity — hand-drawn lettering, a layered monitor mockup, and a repeating system of elements. Templates prioritize speed; this method prioritizes standing out to a hiring manager before your work is even evaluated.
Is Affinity by Canva good enough compared to Adobe for building a portfolio?
Yes — Affinity by Canva is free and includes everything this method needs: the Path Brush Tool for hand-lettering, the Object Selection Tool in Pixel mode for background removal, blend modes like Multiply and Linear Burn, and layout tools. You don't need a paid Adobe subscription to produce a professional, distinctive portfolio deck with this workflow.
How is a 4-slide portfolio different from a full multi-page portfolio?
A 4-slide portfolio is focused and fast to consume — cover, About Me, projects, and end slide. It's built for hiring managers and clients scanning quickly, forcing you to lead with your strongest work. A full multi-page portfolio can go deeper into case studies, but the 4-slide structure prevents clutter and keeps every element intentional and cohesive.
// Advanced
Should I use blend modes or just lower opacity for depth?
Use blend modes for integration, opacity for fine-tuning. Multiply, Darken, Linear Burn, and Hard Light change how layers interact with what's beneath them, making elements feel embedded rather than stacked. Lowering opacity alone just makes things transparent. The best results combine both: set the blend mode first, then tune opacity until the effect looks natural.
How do I adapt this method for a brand identity portfolio instead of UI work?
Keep the same 4-slide structure but swap the content. On the cover monitor mockup, display a logo lockup instead of an app screen. On project slides, show brand identity systems — logo, color palette, mockups — arranged as a collage inside the corner-square frame. On the end slide, replace social handles with a website URL and email, and focus the skills list on brand strategy, typography, and print.
How do I use the Linear Burn duplicate monitor effect?
Duplicate the monitor mockup and send the copy behind the primary one. Swap its inner project image for a different one, then apply a Color Overlay effect with Linear Burn blend mode to tint it. This makes the duplicate feel like a shadow or atmospheric echo rather than an obvious copy-paste, adding depth to the composition.
What small details make the biggest difference in a design portfolio?
Year stamps, tool icons, 3D decorative objects, doodle lines, and micro-text with the Pixel Pearl font. These aren't decoration for its own sake — they fill visual gaps and communicate obsessive attention to detail, which is exactly what design employers scan for. Following the 'Detail Fills the Gap' principle turns empty space into evidence of craft.