Style Guide of Designer

Portfolio Template

Version: 1.0 | Release Date: 10 October, 2024

Color Styles

Primary Color
#1A2829
Secondary Color
#FAF5EF
#909090
#273435
#FFFFFF
#E5E5E5

Typography

Selected Typography for project

Scale Category
Weight
Size
Line Height

H1

Medium
160px
100%

H2

Medium
80px
110%

H3

Medium
50px
130%

H4

Medium
28px
150%
H5
Medium
28px
120%
H6
Medium
28px
110%

Paragraph Large

Medium
24px
140%

Paragraph Large

Regular
24px
140%

Paragraph Large

Medium
18px
160%

Paragraph

Regular
18px
160%

Paragraph Small

Medium
16px
160%

Paragraph Small

Regular
16px
140%

Paragraph Small

Medium
14px
160%

Paragraph Small

Regular
14px
160%

Typography

Aa

Inter Tight
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890(,.;:?!$&*)
Purchase template
Purchase template

Buttons

Let’s talk
Let’s talk
ALL PROJECTS
ALL PROJECTS
Let’s talk
Let’s talk

Heading

This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Block quote

Ordered list

  1. Item 1
  2. Item 2
  3. Item 3

Unordered list

  • Item A
  • Item B
  • Item C

Text link

Bold text

Emphasis

Superscript

Subscript

Heading

(OVERVIEW)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

This is some text inside of a div block.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

This is some text inside of a div block.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

(Investigation)

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

(SERVICES)
Let’s talk
Let’s talk

Heading

CLIENT
This is some text inside of a div block.
YEAR
This is some text inside of a div block.
SERVICE
This is some text inside of a div block.

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Block quote

Ordered list

  1. Item 1
  2. Item 2
  3. Item 3

Unordered list

  • Item A
  • Item B
  • Item C

Text link

Bold text

Emphasis

Superscript

Subscript

PROJECT GALLERY:

PROJECT GALLERY:

Working with you has been an absolute game-changer for my business! Their creativity, attention to detail, and ability to bring my vision to life exceeded all expectations. Every design they delivered was not only visually stunning but perfectly aligned with my brand.

-Alexender Cooper

CEO

Let’s talk
Let’s talk

Pricing Plan

Here’s a structure for a Pricing Plan section on a Digital Designer Portfolio website. Offering tiered packages can help clients quickly understand the scope and cost of your services while providing flexibility for different budgets.