Barbara Dragan

Stark architectural minimalism built around black wireframe borders and wide whitespace. High contrast between photographic portraiture and raw, structured grid dividers evokes clinical precision.

editorial quiet raw

Visit site

Colour

Background#ffffff

Text#000000

Accent#d8a131

Surface#ffffff

Muted#272727

Typefaces

Display: Poppins
Body: Poppins
Mono: —
Source: google
Scale: 12 · 22 · 24 · 26 · 60 · 76

Layout

Grid: 4 columns
Container: 1390px
Spacing base: 5px
Radius: 0px

Capture

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

Type rules

display type set in high-weight Poppins uppercase with loose tracking
body text set at 12px with generous line-height of 1.9

Colour rules

pure monochrome palette with white canvas and solid black borders
muted gold accent reserved strictly for metadata links

Voice rules

use formal third-person biographical descriptions
keep typography sparse and structural

Holds it together

divide page columns using sharp 1px solid black vertical borders
keep layout strictly light with pure white surfaces and black type

Contrast

text on background21.0:1 AAA

muted text on background14.9:1 AAA

text on surface21.0:1 AAA

accent on background2.3:1 fail

background on accent2.3:1 fail

Type, measured

Body: 12px / 1.9
Measure: 108 characters
Display: 76px / 1.1
Tracking: 0.066em display
Scale ratio: 1.59

Voice

Tone: formal, scholarly, distinguished
Sentences: long
Person: third
Vocabulary: elevated
Calls to action: contact

Built with

Builder: —
Framework: —
Motion: —
WebGL: —
Nav: top_bar, 1 items
Length: 5.4 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 high-contrast conductor portfolio hero pairing a striking close-up portrait with rigid, black-bordered editorial grid typography.
Mood
editorial + bold
Layout
4 col · stacked · balanced
Open section →
01
showcase
Strong
Austere, architectural split layout featuring extreme whitespace, vertical rule dividers, and isolated bold title markers.
Mood
quiet + raw
Layout
2 col · split · airy
Open section →
02
showcase
Austere monochrome grid layout defined by bold black typography and a sharp vertical dividing rule.
Mood
quiet + raw
Layout
4 col · grid · airy
Open section →
03
showcase
A stark, architectural layout defined by rigid black gridlines and minimal typography on a pure white canvas.
Mood
raw + quiet
Layout
1 col · grid · airy
Open section →
04
cta
Strong
An extremely stark, wireframe-like grid section dominated by white space with an isolated contact label.
Mood
quiet + clinical
Layout
1 col · grid · airy
Open section →
05
footer
A stark, minimalist contact section and footer structured within a precise black wireframe grid.
Mood
quiet + clinical
Layout
1 col · split · airy
Open section →