LOGO

7T+R5E+]

;QV<VF(X[0<

LOGO

%O(8<[IS

8{(@,ISU5^+

LOGO

L~.UE}@%

Y?_@NJ^&Y;,

LOGO

_V[0+M_(

0[Q}HMV>,%I

My personal logo is a custom monogram combining the initials “P” and “B” into a single, harmonious shape. Built on a precise grid, it balances sharp geometry with smooth curves to express clarity, rigor, and approachability.

The horizontal bar running through both letters creates a strong visual axis, symbolizing structure, connection, and balance. The grid-based construction gives it a sense of precision, while the rounded contours soften its appearance, creating a balance between structure and fluidity.

This duality of discipline and softness reflects my design approach: rooted in method, but open to creativity. Scalable and versatile, the logo works equally well in digital contexts and in print, reinforcing my identity across all mediums.

Unit

1x

2x

Dark Variant

Dark Variant

Light Variant

Light Variant

Grayscale Variant

Grayscale Variant

Logo grid construction animation

COLORS

0I;7W8$B_1!(5,R2

+;_MC68F@)N]H}?

COLORS

{U1O<+HQ2+43GLJZ

DVC$I<;}QDSGC;R

COLORS

2;%$RI0[A,ZEG4[Y

E4E$3~)K+S8$:&Z

COLORS

}?,CELQ%F4;S72?6

7C3D{?M6:TFU^1Q

The identity is anchored by a vivid primary green (#BBED08), paired with a deep green accent (#2C322A) and a near-black background (#0F0F0F) for a sleek, high-contrast look. This bold color system enhances legibility in dark mode, which dominates my digital interfaces, while also conveying a sense of freshness, creativity, and forward-thinking energy.

The green serves as a distinctive brand signal, instantly recognizable against darker UI elements. It also carries a subtle sense of nostalgia, evoking the green-on-black typography of early computer terminals, bringing a tactile memory of classic tech into a modern context.

For print, a light mode palette ensures optimal readability, using black text on white backgrounds with selective green accents for brand consistency. This dual-mode system allows my identity to adapt seamlessly across mediums while maintaining visual coherence and impact.

#BBED08

#708E07

#526803

#E7E7E7

#CFCFCF

#B7B7B7

#9F9F9F

#878787

#6F6F6F

#272727

#3F3F3F

#575757

#6F6F6F

COLOR PALETTE/

Name

Name

Name

Name

Mode - Light

Mode - Light

Mode - Light

Light

Mode - Dark

Mode - Dark

Mode - Dark

Dark

Primary

Primary

Primary

Primary

Secondary

Secondary

Secondary

Accent

Accent

Accent

#9CC709

#9CC709

#9CC709

#9CC709

#526803

#526803

#526803

#526803

#344202

#344202

#344202

#344202

#BBED08

#BBED08

#BBED08

#BBED08

#708E07

#708E07

#708E07

#708E07

#526803

#526803

#526803

#526803

Text

Text

Text

Text

Text inverted

Text inverted

Text inverted

#0F0F0F

#0F0F0F

#0F0F0F

#0F0F0F

#FFFFFF

#FFFFFF

#FFFFFF

#FFFFFF

#FFFFFF

#FFFFFF

#FFFFFF

#FFFFFF

#0F0F0F

#0F0F0F

#0F0F0F

#0F0F0F

Grayscale

Gray-10

Gray-10

Gray-10

Gray-20

Gray-20

Gray-20

Gray-30

Gray-30

Gray-30

Gray-40

Gray-40

Gray-40

Gray-50

Gray-50

Gray-50

Gray-60

Gray-60

Gray-60

Gray-70

Gray-70

Gray-70

Gray-80

Gray-80

Gray-80

Gray-90

Gray-90

Gray-90

#272727

#272727

#272727

#272727

#3F3F3F

#3F3F3F

#3F3F3F

#3F3F3F

#575757

#575757

#575757

#575757

#6F6F6F

#6F6F6F

#6F6F6F

#6F6F6F

#878787

#878787

#878787

#878787

#6F6F6F

#6F6F6F

#6F6F6F

#6F6F6F

#9F9F9F

#9F9F9F

#9F9F9F

#9F9F9F

#CCCCCC

#CCCCCC

#CCCCCC

#CCCCCC

#E3E3E3

#E3E3E3

#E3E3E3

#E3E3E3

#E7E7E7

#E7E7E7

#E7E7E7

#E7E7E7

#CFCFCF

#CFCFCF

#CFCFCF

#CFCFCF

#B7B7B7

#B7B7B7

#B7B7B7

#B7B7B7

#9F9F9F

#9F9F9F

#9F9F9F

#9F9F9F

#878787

#878787

#878787

#878787

#6F6F6F

#6F6F6F

#6F6F6F

#6F6F6F

#575757

#575757

#575757

#575757

#3F3F3F

#3F3F3F

#3F3F3F

#3F3F3F

#272727

#272727

#272727

#272727

Background

Background

Background

Background

#E7E7E7

#E7E7E7

#E7E7E7

#E7E7E7

#0F0F0F

#0F0F0F

#0F0F0F

#0F0F0F

Dark

Dark-20%

Dark-20%

Dark-20%

Dark-40%

Dark-40%

Dark-40%

Dark-60%

Dark-60%

Dark-60%

Dark-80%

Dark-80%

Dark-80%

FFFFFF - 20%

FFFFFF - 20%

FFFFFF - 20%

20%

FFFFFF - 40%

FFFFFF - 40%

FFFFFF - 40%

40%

FFFFFF - 60%

FFFFFF - 60%

FFFFFF - 60%

60%

FFFFFF - 80%

FFFFFF - 80%

FFFFFF - 80%

80%

#0F0F0F - 20%

#0F0F0F - 20%

#0F0F0F - 20%

20%

0F0F0F - 40%

0F0F0F - 40%

0F0F0F - 40%

40%

0F0F0F - 60%

0F0F0F - 60%

0F0F0F - 60%

60%

0F0F0F - 80%

0F0F0F - 80%

0F0F0F - 80%

80%

Light

Light-10%

Light-10%

Light-10%

#000000 - 10%

#000000 - 10%

#000000 - 10%

10%

FFFFFF - 10%

FFFFFF - 10%

FFFFFF - 10%

10%

TYPOGRAPHY

.L4CT>;!+,_

T@4[0WU+5_8<R

TYPOGRAPHY

?:9~O~.GMP#

&FS:8#;Y>%M,U

TYPOGRAPHY

,&0Q8[S^D}Z

!%16QJSN&^}E:

TYPOGRAPHY

3T{9[~_Y@X,

C.QU^@D|9^MA]

The typographic system combines Space Mono, a monospaced typeface with a retro, utilitarian feel inspired by terminal screens and early gaming, with Clash Display, a bold and contemporary serif that adds personality and expressiveness.

This pairing bridges two worlds: the functional, rational side of design and the emotional, character-driven side. Space Mono anchors body text and technical information with precision and clarity, while Clash Display elevates headings and key brand statements with visual impact.

Together, they create a rhythm that is both structured and dynamic, perfectly aligned with my identity as a designer who values both craft and storytelling. Both fonts are selected for their adaptability, working seamlessly in both digital environments and printed materials.

/FONT FAMILY/

Clash Display

Clash Display

Clash Display

Clash Display

Clash Display

Clash Display

Clash Display

Clash Display

Clash Display

Clash Display

Clash Display

Space mono

Space mono

Space mono

Space mono

Space mono

Space mono

Space mono

Space mono

Space mono

Space mono

Space mono

CLASH DISPLAY/

H1

H2

H3

H4

H5
H6
Body
Overline
Caption

SPACE MONO/

H1

H2

H3

H4

H5
H6
Body
Overline
Caption

Name

Name

Name

Name

Value

Value

Value

Value

Font Family

Primary

Primary

Primary

Primary

Secondary

Secondary

Secondary

Secondary

Clash Display

Clash Display

Clash Display

Clash Display

Space Mono

Space Mono

Space Mono

Space Mono

Weight

Bold

Bold

Bold

Bold

Semibold

Semibold

Semibold

Semibold

Medium

Medium

Medium

Medium

Regular

Regular

Regular

Regular

Bold

Bold

Bold

Bold

Semibold

Semibold

Semibold

Semibold

Medium

Medium

Medium

Medium

Regular

Regular

Regular

Regular

Size

H1

H1

H1

H1

H2

H2

H2

H2

H3

H3

H3

H3

H4

H4

H4

H4

H5

H5

H5

H5

H6

H6

H6

H6

Body

Body

Body

Body

Overline

Overline

Overline

Overline

Caption

Caption

Caption

Caption

96

96

96

96

60

60

60

60

48

48

48

48

32

32

32

32

24

24

24

24

18

18

18

18

16

16

16

16

14

14

14

14

12

12

12

12

Line height

Headibg

Headibg

Headibg

Headibg

Paragraph

Paragraph

Paragraph

Paragraph

100%

100%

100%

100%

160%

160%

160%

160%

Branding Assets

F5CLR;*15

GZ[;:4<_&1|.

Branding Assets

.)VLVYB^8

A|>L}>E7)YP<

Branding Assets

>9|BA,B%Z

+5SXEBC&_|6_

Branding Assets

NVC:{E17!

;V#~R_M+F0K9

My stationery suite, including business card, résumé, invoice, and letterhead, is designed around a strict grid system influenced by Brutalist design principles: minimal ornamentation, strong alignment, and a focus on pure function.

The layouts prioritize content hierarchy, ensuring that essential information is immediately visible and legible.

In print, I use a light mode aesthetic (black on white) to optimize readability, with the vivid primary green (#BBED08) used sparingly for subtle emphasis. This contrasts with my darker digital identity, creating a balanced brand presence across platforms.

Every document is intentionally restrained, allowing typography and structure to communicate professionalism, while subtle graphic elements hint at my creative sensibility. The result is a clean, timeless visual system that scales from client-facing materials to internal project documents.

Business card

Resume

Invoice template

Letter template