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.te pero berfere
stinvendis etur magnatusa nobitas aut que que etur,
Any credits or fine print copy can be placed right here in this area
The Big Feature Layout
03
os 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, os sus que
volecullant recea verspic etur magnatusa nobitas aut que
que etur.
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 verspic ienimax imust, quos et et perum olor soluptatis unt. recea verspic ienimax imust, quos et et perum olor soluptatis unt.
Cesedia tecearciur, Raepellupid eumquatia nos est velibus ciistin Cesedia 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
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
Circle Center Layout
19
que volecullant recea verspic ienimax imust, quos et et perum volor
soluptatis unt. Cesedia tecearciur, aut aut accatur aut fuga. Rum amus
ipic Raepellupid eumquatia nos est velibus ciistin nimodit alibusam
faceprorem fugit quodi sit et andae volupta eos sus que volecullant
recea verspic ienimax imust, quos .
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 et nimodit alibusam faceprorem fugit quodi sit et
andae volupta eos sus que volecullant recea andae volupta eos sus que volecullant recea
verspic ienimax imust, alibusam faceprorem verspic ienimax imust, alibusam faceprorem
volecullant recea verspic ienimax imust. volecullant recea verspic 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.