The Designer’s Portfolio Builder

How To Use This Template

Instructions
00

TIP: Press the W Key to toggle on guides and grids

Move/Copy Pages Around

1
There are over 20 different page layouts to choose from. Feel free to copy and
move around pages to slowly build your portfolio using a variety of different
layouts. Each layout will have a strong point for your unique case study or
portfolio piece. Find the one that fits the best with your text and photos
for your project. Go to your “pages” panel to copy, paste and shift around
different layout pages to craft your desired case study pages.

2 Changing Fonts

The typeface chosen for this template is Roboto and can be found for free
on Google fonts.

To change the font used throughout you can go to Character styles in your
properties panel and change the font used for “Body Copy” for the larger
body text option and the “Body copy smaller text” preset for the smaller body
copy text. https://fonts.google.com/specimen/Roboto

Changing Colors
3
Simply go to your swatches panel. To change the main color used throughout
the whole document just double click the Branded Color #1 Swatch. If you
double click the “Text” swatch it will change all of the text colors across the
entire document.

4 Adding Photos

All of the gray photo boxes are photo frames. Simply drag your photos from
your computer into the boxes (or select the photo frame and go to file-->
place) to put the photo into the photo frame. Right click the photo after it
loads and go down to “fitting” to fit the photo in the best way possible. Double
click the image to shift the photo inside the frame to find the best cropping.

Template designed by Lindsay Marsh

Redistribution without permission is not permitted.
Your Name Here (or personal logo)
Your subtitle
Introduction Gallery
01

Sub heading here

Raepellupid eumquatia nos est velibus ciistin nimodit

alibusam faceprorem fugit quodi sit et andae volupta eos
sus que volecullant recea verspic ienimax imust, quos et
et perum volor soluptatis unt.

Cesedia tecearciur, aut aut accatur aut fuga. Rum amus

ipic totate si aut aut abor sit volupti umquam reperi dem
vitior maxim velicatquia ipsum est, temperciis dolupic te
pelecus, cores natus evellacium fugit ilia quid elendis et
quatus molum faccatu reptam.

Any credits or fine print copy can be placed right here in this area
Case Study Name (or client name)
A Project Title Goes Here
The Collage Layout
02

Sub heading here

Raepellupid eumquatia nos est velibus

ciistin nimodit alibusam faceprorem
fugit quodi sit et andae volupta eos
sus que volecullant recea verspic
ienimax imust, quos et et perum
volor soluptatis unt.te pero berfere
stinvendis etur magnatusa nobitas aut
que que etur,

Sub heading here

Raepellupid eumquatia nos est velibus ciistin nimodit
alibusam faceprorem fugit quodi sit et andae volupta
eos sus que volecullant recea verspic ienimax imust,
quos et et perum volor soluptatis unt.te pero berfere Any credits or fine print copy can be placed right here in this area

stinvendis etur magnatusa nobitas aut que que etur,

Case Study Name (or client name)
A Project Title Goes Here
Sub heading here: Raepellupid eumquatia nos est
velibus ciistin nimodit alibusam faceprorem fugit quodi
sit et andae volupta eos sus que volecullant recea
verspic ienimax imust, quos et et perum volor soluptatis
unt. Cesedia tecearciur, aut aut accatur aut fuga. Rum
Any credits or fine print copy can be placed right here in this area
The Big Feature Layout
03
amus ipic totate si aut au magnatusa nobitas aut que
que etur, volore nistiis sum estius conecepudi omnimi,
soluptate di omnimint et amus ipic totate si aut au
magnatusa nobitas aut que que etur, volore nistiis sum
estius conecepudi omnimi, soluptate di omnimint et.
Case Study Name (or client name)
A Project Title Goes Here
The Before and After Layout
04

Sub heading here

Raepellupid eumquatia nos est

velibus ciistin nimodit alibusam
faceprorem fugit quodi sit et andae
volupta eos sus que volecullant
recea verspic ienimax imust, quos
et et perum volor soluptatis unt.
Cesedia tecearciur, aut aut accatur
aut fuga. Rum amus ipic totate si
aut aut abor sit volupti umquam
reperi Sub te pelecus, cores natus.

Any credits or fine print copy can be placed right

here in this area

Sub heading here

Raepellupid eumquatia nos est

velibus ciistin nimodit alibusam
faceprorem fugit quodi sit et andae
volupta eos sus que volecullant
recea verspic ienimax imust, quos
et et perum volor soluptatis unt.
Cesedia tecearciur, aut aut accatur
aut fuga. Rum amus ipic totate si
aut aut abor sit volupti umquam
reperi Sub te pelecus, cores natus.

Any credits or fine print copy can be placed right

here in this area
Case Study Name (or client name)
A Project Title Goes Here
The Multiple Steps Layout
05

01
Sub heading here:

Raepellupid eumquatia nos est velibus ciistin nimodit

alibusam faceprorem fugit quodi sit et andae volupta eos
sus que volecullant recea verspic ienimax imust, quos et
et perum volor soluptatis unt. Cesedia tecearciur, aut aut
accatur aut fuga. Rum amus ipic totate si aut aut abor sit
volupti umquam reperi. accatur aut fuga. Rum amus ipic
totate si aut aut abor sit volupti umquam reperi.

02
Sub heading here:

Raepellupid eumquatia nos est velibus ciistin nimodit

alibusam faceprorem fugit quodi sit et andae volupta eos
sus que volecullant recea verspic ienimax imust, quos et
et perum volor soluptatis unt. Cesedia tecearciur, aut aut
accatur aut fuga. Rum amus ipic totate si aut aut abor sit
volupti umquam reperi. accatur aut fuga. Rum amus ipic
totate si aut aut abor sit volupti umquam reperi.

03
Sub heading here:

Raepellupid eumquatia nos est velibus ciistin nimodit

alibusam faceprorem fugit quodi sit et andae volupta eos
sus que volecullant recea verspic ienimax imust, quos et
et perum volor soluptatis unt. Cesedia tecearciur, aut aut
accatur aut fuga. Rum amus ipic totate si aut aut abor sit
volupti umquam reperi. accatur aut fuga. Rum amus ipic
totate si aut aut abor sit volupti umquam reperi.
Case Study Name (or client name)
A Project Title Goes Here
The Photo Gallery Layout
06

Any credits or fine print copy can be placed right here in this area
Case Study Name (or client name)
A Project Title Goes Here
Main Focus Photo and Description
07

Sub heading here

Raepellupid eumquatia nos est velibus ciistin nimodit

alibusam faceprorem fugit quodi sit et andae volupta eos
sus que volecullant recea verspic ienimax imust, quos et
et perum volor soluptatis unt. Cesedia tecearciur, aut aut
accatur aut fuga. Rum amus ipic totate si aut aut abor sit
volupti umquam reperi Sub Sub heading here: dem vitior.

maxim velicatquia ipsum est, temperciis dolupic te pelecus,

cores natus evellacium fugit ilia quid elendis et quatus
molum faccatu reptam aut

expererum que asperspedi te pero berfere stinvendis etur

magnatusa nobitas aut que que etur, volore nistiis sum
estius conecepudi omnimi, soluptate di omnimint et
Case Study Name (or client name)
A Project Title Goes Here
Photo Overlap Layout
08

Sub heading here

Raepellupid eumquatia nos est velibus ciistin nimodit alibusam faceprorem fugit quodi sit et andae
volupta eos sus que volecullant recea verspic ienimax imust, quos et et perum volor soluptatis
unt. Cesedia tecearciur, aut aut accatur aut fuga. Rum amus ipic totate si aut aut abor sit volupti
umquam reperi Sub Sub heading here: dem vitior.

maxim velicatquia ipsum est, temperciis dolupic te pelecus, cores natus evellacium fugit ilia quid
elendis et quatus molum faccatu reptam aut

Any credits or fine print copy can be placed right here in this area
Case Study Name (or client name)
A Project Title Goes Here
The Long Description Layout
09

Sub heading here

Raepellupid eumquatia nos est velibus ciistin

nimodit alibusam faceprorem fugit quodi sit et
andae volupta eos sus que volecullant recea
verspic ienimax imust, quos et et perum volor
soluptatis unt. Cesedia tecearciur, aut aut
accatur aut fuga. Rum amus ipic totate si aut
aut abor sit volupti umquam reperi Sub Sub
heading here: dem vitior.

maxim velicatquia ipsum est, temperciis

dolupic te pelecus, cores natus evellacium
fugit ilia quid elendis et quatus molum faccatu
reptam aut Laborese quatiaspel mos utatias
peliqua eressi cum sin reperupta delicius,
simpe et faccaes res moles estibus paribusa
volore mollandit fuga. Et abo. Lo doluptiume
soluptam consequo volupta tiatur andundis
pa sinihilicae nus exeriae pre natem aligent
ist vit dolutae nis et quis ea quissed quisitis
di optatiatem et et volut et acessed ut essi
coreste samenda dunt landi conemolorem
ra volenih illautem que de porrorem voloriost,
con estions erionsed qui omni autenim
porerspiciis iuntemped ma nonsequis estiate
molorem harcien tiaernatem aut vellante
proritate pore verum a entotat audis ma
venissi officie nduntiam et autas sae net eos
net optiore corem sam eium ilit litent ommodit
magnihil ipis qui dellam quid molo mo erferum
aute poreium repuda quat.

velecum ad eius dionsec tendunto et alia

volupta dolorep udaestisquis dignamusam
velestistrum aliti officid undiae venet delestius
sapit ommodi corum recaecab. velecum ad
eius dionsec tendunto et alia volupta dolorep
udaestisquis dignamusam velestistrum aliti
officid undiae venet delestius sapit ommodi
corum recaecab.

velecum ad eius dionsec tendunto et alia

volupta dolorep udaestisquis dignamusam
velestistrum aliti officid undiae venet delestius
corum recaecab.
Case Study Name (or client name)
A Project Title Goes Here
The Text Wrap Layout
10

Sub heading here

Raepellupid eumquatia nos est velibus ciistin nimodit

alibusam faceprorem fugit quodi sit et andae volupta
eos sus que volecullant recea verspic ienimax imust,
quos et et perum volor soluptatis unt. Cesedia
tecearciur, aut aut accatur aut fuga. Rum amus
ipic totate si aut aut abor sit volupti umquam
reperi Sub Sub heading here: dem vitior.

maxim velicatquia ipsum est, temperciis

dolupic te pelecus, cores natus evellacium
fugit ilia quid elendis et quatus molum
faccatu reptam aut Laborese quatiaspel
mos utatias peliqua eressi cum sin
reperupta delicius, simpe et faccaes res
moles estibus paribusa volore mollandit
fuga. Et abo. Lo doluptiume soluptam
consequo volupta tiatur andundis pa
sinihilicad eius dionsec tendunto et alia
volupta dolorep udaestisquis dignamusam
velestistrum aliti officid undiae venet
delestius sapit ommodi corum recaecab
ilia dolo magnimposae vendi nonsequam,
officat ium sum aut repudios eume nust facit,
cum harum laut ad quat harchicipsa verisquibus,
omnimus, et que ipsam sint, te sitas dero qui reped es
doluptat restibus, quatur as ellabora nimaiosaecto ex et
et, si inctaspero
Case Study Name (or client name)
A Project Title Goes Here
The Text Wrap Layout - Hexagon
11

Sub heading here

Raepellupid eumquatia nos est velibus ciistin nimodit alibusam

faceprorem fugit quodi sit et andae volupta eos sus que volecullant
recea verspic ienimax imust, quos et et perum volor soluptatis unt.
Cesedia tecearciur, aut aut accatur aut fuga. Rum amus ipic totate
si aut aut abor sit volupti umquam reperi Sub Sub heading here:
dem vitior.

maxim velicatquia ipsum est, temperciis dolupic te pelecus,

cores natus evellacium fugit ilia quid elendis et quatus
molum faccatu reptam aut Laborese quatiaspel mos
utatias peliqua eressi cum sin reperupta delicius,
simpe et faccaes res moles estibus paribusa
volore mollandit fuga. Et abo. Lo doluptiume
soluptam consequo volupta tiatur andundis pa
sinihilicad eius dionsec tendunto et alia volupta
dolorep udaestisquis dignamusam velestistrum aliti
officid undiae venet delestius
Case Study Name (or client name)
A Project Title Goes Here
Full Bleed Feature
12

Any credits or fine print copy can be placed right

here in this area

Sub heading here

Raepellupid eumquatia nos est velibus ciistin nimodit alibusam faceprorem fugit quodi
sit et andae volupta eos sus que volecullant recea verspic ienimax imust, quos et et
perum volor soluptatis unt. Cesedia tecearciur, aut aut accatur aut fuga. Rum amus ipic
totate si aut aut abor sit volupti umquam reperi.
Case Study Name (or client name)
A Project Title Goes Here
Full Bleed Feature with Second Photo
13

Any credits or fine print copy can be placed right here in this area

Sub heading here

Raepellupid eumquatia nos est velibus ciistin nimodit alibusam faceprorem fugit
quodi sit et andae volupta eos sus que volecullant recea verspic ienimax imust, quos
et et perum volor soluptatis unt. Cesedia tecearciur, aut aut accatur aut fuga. Rum
amus ipic totate si aut aut abor sit volupti umquam reperi.
Case Study Name (or client name)
A Project Title Goes Here
The 4 Staggered Step Layout
14

Sub heading here

Raepellupid eumquatia nos est velibus ciistin nimodit

1
alibusam faceprorem fugit quodi sit et andae volupta eos
sus que volecullant recea verspic ienimax imust, quos et
et perum volor soluptatis unt. Cesedia tecearciur, aut aut
accatur aut fuga. Rum amus ipic

2 Sub heading here

Raepellupid eumquatia nos est velibus ciistin nimodit

alibusam faceprorem fugit quodi sit et andae volupta eos
sus que volecullant recea verspic ienimax imust, quos et
et perum volor soluptatis unt. Cesedia tecearciur, aut aut
accatur aut fuga. Rum amus ipic totate si aut aut abor sit
volupti umquam reperi. accatur

Sub heading here

3
Raepellupid eumquatia nos est velibus ciistin nimodit
alibusam faceprorem fugit quodi sit et andae volupta eos
sus que volecullant recea verspic ienimax imust, quos et
et perum volor soluptatis unt. Cesedia tecearciur, aut aut
accatur aut fuga. Rum amus ipic

4 Sub heading here

Raepellupid eumquatia nos est velibus ciistin nimodit

alibusam faceprorem fugit quodi sit et andae volupta eos
sus que volecullant recea verspic ienimax imust, quos et
et perum volor soluptatis unt. Cesedia tecearciur, aut aut
Case Study Name (or client name)
A Project Title Goes Here
4 Step Horizontal Photo Layout
15

1 Sub heading here

Raepellupid eumquatia nos est velibus ciistin nimodit

alibusam faceprorem fugit quodi sit et andae volupta
eos sus que volecullant recea verspic ienimax imust,
quos et et perum volor soluptatis unt. Cesedia
tecearciur, aut aut accatur aut fuga. Rum amus ipic

2 Sub heading here

Raepellupid eumquatia nos est velibus ciistin nimodit

alibusam faceprorem fugit quodi sit et andae volupta eos sus
que volecullant recea verspic ienimax imust, quos et et perum
volor soluptatis unt. Cesedia tecearciur, aut aut accatur aut
fuga. Rum amus ipic totate si aut aut abor sit volupti umquam
reperi. accatur

3 Sub heading here

Raepellupid eumquatia nos est velibus ciistin nimodit

alibusam faceprorem fugit quodi sit et andae volupta
eos sus que volecullant recea verspic ienimax imust,
quos et et perum volor soluptatis unt. Cesedia
tecearciur, aut aut accatur aut fuga. Rum amus ipic

4 Sub heading here

Raepellupid eumquatia nos est velibus ciistin nimodit

alibusam faceprorem fugit quodi sit et andae volupta eos sus
que volecullant recea verspic ienimax imust, quos et et perum
volor soluptatis unt. Cesedia tecearciur, aut aut accatur aut
fuga. Rum amus ipic totate si aut aut abor sit volupti umquam
reperi. accatur
Case Study Name (or client name)
A Project Title Goes Here
4 Step Gallery Layout
16

Sub heading here

1
Raepellupid eumquatia nos est velibus
ciistin nimodit alibusam faceprorem fugit
quodi sit et andae volupta eos sus que
volecullant recea verspic ienimax imust,
quos et et perum volor soluptatis unt.
Cesedia tecearciur, aut aut accatur aut
fuga. Rum amus ipic

2 Sub heading here

Raepellupid eumquatia nos est velibus

ciistin nimodit alibusam faceprorem fugit
quodi sit et andae volupta eos sus que
volecullant recea verspic ienimax imust,
quos et et perum volor soluptatis unt.
Cesedia tecearciur,

Sub heading here

3
Raepellupid eumquatia nos est velibus
ciistin nimodit alibusam faceprorem fugit
quodi sit et andae volupta eos sus que
volecullant recea verspic ienimax imust,
quos et et perum volor soluptatis unt.
Cesedia tecearciur, aut aut accatur aut
fuga. Rum amus ipic

4 Sub heading here

Raepellupid eumquatia nos est velibus

ciistin nimodit alibusam faceprorem fugit
quodi sit et andae volupta eos sus que
volecullant recea verspic ienimax imust,
quos et et perum volor soluptatis unt.
Cesedia tecearciur, aut aut

Any credits or fine print copy can be placed right here in this area
Case Study Name (or client name)
A Project Title Goes Here
2 Paragraph Gallery
17

Sub heading here

Raepellupid eumquatia nos est velibus ciistin
nimodit alibusam faceprorem fugit quodi sit et
andae volupta eos sus que volecullant recea
verspic ienimax imust, quos et et perum olor
soluptatis unt. Cesedia tecearciur,

Raepellupid eumquatia nos est velibus ciistin

nimodit alibusam faceprorem fugit quodi sit et
andae volupta eos sus que volecullant recea
verspic ienimax imust, quos et et perum volor
soluptatis unt. Cesedia tecearciur, aut aut
accatur aut fuga. Rum amus ipic

Sub heading here

Raepellupid eumquatia nos est velibus ciistin
nimodit alibusam faceprorem fugit quodi sit et
andae volupta eos sus que volecullant recea
verspic ienimax imust, quos et et perum olor
soluptatis unt. Cesedia tecearciur,

Raepellupid eumquatia nos est velibus ciistin

nimodit alibusam faceprorem fugit quodi sit et
andae volupta eos sus que volecullant recea
verspic ienimax imust, quos et et perum volor
soluptatis unt. Cesedia tecearciur, aut aut
accatur aut fuga. Rum amus ipic

Any credits or fine print copy can be placed right here in this area
Case Study Name (or client name)
A Project Title Goes Here
Main Feature Bleed
18

Sub heading here

Raepellupid eumquatia nos est velibus ciistin nimodit alibusam ipic Raepellupid eumquatia nos est velibus ciistin nimodit alibusam
faceprorem fugit quodi sit et andae volupta eos sus que volecullant faceprorem fugit quodi sit et andae volupta eos sus que volecullant recea
recea verspic ienimax imust, quos et et perum olor soluptatis unt. verspic ienimax imust, quos et et perum olor soluptatis unt. Cesedia
Cesedia tecearciur, Raepellupid eumquatia nos est velibus ciistin tecearciur, Raepellupid eumquatia nos.
nimodit alibusam faceprorem fugit quodi sit et andae volupta eos sus
que volecullant recea verspic ienimax imust, quos et et perum volor
soluptatis unt. Cesedia tecearciur, aut aut accatur aut fuga. Rum amus
Case Study Name (or client name)
A Project Title Goes Here
Circle Center Layout
19

Sub heading here

Raepellupid eumquatia nos est velibus ciistin nimodit alibusam ipic Raepellupid eumquatia nos est velibus ciistin nimodit alibusam
faceprorem fugit quodi sit et andae volupta eos sus que volecullant faceprorem fugit quodi sit et andae volupta eos sus que volecullant recea
recea verspic ienimax imust, quos et et perum olor soluptatis unt. verspic ienimax imust, quos .
Cesedia tecearciur, Raepellupid eumquatia nos est velibus ciistin
nimodit alibusam faceprorem fugit quodi sit et andae volupta eos sus
que volecullant recea verspic ienimax imust, quos et et perum volor
soluptatis unt. Cesedia tecearciur, aut aut accatur aut fuga. Rum amus
Case Study Name (or client name)
A Project Title Goes Here
Sneak Peek 3 Feature
20

Sub heading here Sub heading here

Raepellupid eumquatia nos est velibus ciistin Raepellupid eumquatia nos est velibus ciistin
nimodit alibusam faceprorem fugit quodi sit nimodit alibusam faceprorem fugit quodi sit et
et andae volupta eos sus que volecullant andae volupta eos sus que volecullant recea
recea verspic ienimax imust, alibusam verspic ienimax imust, alibusam faceprorem
faceprorem volecullant recea verspic volecullant recea verspic ienimax imust.
ienimax imust.

Sub heading here

Raepellupid eumquatia nos est velibus ciistin
nimodit alibusam faceprorem fugit quodi sit et
andae volupta eos sus que volecullant recea
verspic ienimax imust, alibusam faceprorem
volecullant recea verspic ienimax imust.