Petar Zeman

Stark, print-inspired digital portfolio with a disciplined dark editorial aesthetic. Monumental display typography opens the page before settling into a precise 3-column layout where high-fidelity interface screenshots float against pitch black.

editorial quiet

Visit site

Colour

Background#121110

Text#f0ebe6

Accent#f04d5a

Surface#121110

Muted#f0ebe6

Typefaces

Display: IBM Plex Sans
Body: IBM Plex Sans
Mono: —
Source: google
Scale: 14 · 21 · 50

Layout

Grid: 3 columns
Container: 1365px
Spacing base: 5px
Radius: 0px

Capture

Category: portfolio
Sections: 6
Captured: 2026-08-30
Rhythm: dark x6

Type rules

structural labels and metadata set in strict uppercase at 14px
body text measure kept to approximately 54 characters per line
monumental masthead typography paired with dense sans-serif captions

Colour rules

deep warm black background #121110 maintained continuously across all sections
coral accent #f04d5a strictly reserved for external outbound links

Voice rules

first-person direct introduction explaining role and location
uppercase metadata labels paired with project title and role

Holds it together

maintain uniform #121110 dark background without container cards or borders
align project cards and text in a rigid multi-column structure with fixed gutter spacing
use uppercase micro-labels on the left column to anchor content blocks across the grid

Contrast

text on background15.9:1 AAA

muted text on background15.9:1 AAA

text on surface15.9:1 AAA

accent on background5.3:1 AA

background on accent5.3:1 AA

Type, measured

Body: 14px / 1.07
Measure: 54 characters
Display: 50px / 1.12
Tracking: -0.023em display
Scale ratio: 1.37

Voice

Tone: understated, direct, informal
Sentences: medium
Person: first
Vocabulary: plain
Calls to action: drop, contact

Built with

Builder: —
Framework: —
Motion: —
WebGL: —
Nav: —
Length: 5.8 screens

Sections in page order

3 marked strong · 6

Rhythm — each block is a section, as wide as it is tall, in the colour it is on

00
hero
Strong
A starkly minimal editorial portfolio cover dominated by monumental high-contrast serif typography against a warm dark backdrop.
Mood
editorial + bold
Layout
3 col · stacked · airy
Open section →
01
hero
Strong
Minimal and direct personal bio set in stark white typography against a deep black canvas with precise grid alignment.
Mood
quiet + clinical
Layout
2 col · split · airy
Open section →
02
showcase
Quiet, restrained portfolio showcase displaying product UI work in precise multi-column cards over a deep black backdrop.
Mood
quiet + clinical
Layout
3 col · grid · airy
Open section →
03
gallery
Dark portfolio gallery showcasing paired digital case studies framed as vertical presentation slides.
Mood
quiet + editorial
Layout
3 col · grid · balanced
Open section →
04
showcase
A gallery-like portfolio showcase contrasting bright editorial website previews against an austere dark backdrop.
Mood
quiet + editorial
Layout
6 col · grid · airy
Open section →
05
showcase
Strong
A quiet, dark portfolio gallery displaying dense product UI mockups with restrained uppercase captions and expansive negative space.
Mood
quiet + clinical
Layout
3 col · grid · airy
Open section →