Xtina Starr

Moody, editorial portfolio pairing high-contrast monochrome imagery with fluid custom display typography. Generous dark negative space creates a late-night music aesthetic punctuated by clean grotesque body copy.

bold quiet raw

Visit site

Colour

Background#171717

Text#e5e5e5

Accent#af9fd4

Surface#af9fd4

Muted#e6e6e6

Typefaces

Display: Neue Montreal
Body: Neue Montreal
Mono: —
Source: self_hosted
Scale: 12 · 16 · 20 · 30 · 40

Layout

Grid: 16 columns
Container: 1440px
Spacing base: 6px
Radius: 0px

Capture

Category: portfolio
Sections: 3
Captured: 2026-08-29
Rhythm: dark x3

Type rules

section labels and category heads set in uppercase sans-serif
body text constrained to around 53 characters per line
custom expressive logotype contrasts against neutral body grotesque

Colour rules

near-black background dominates the entire layout
lavender surface reserved exclusively for the newsletter footer band

Voice rules

written in third-person biography format
action links paired with directional arrows

Holds it together

keep all imagery strictly black and white or low-light atmospheric photography
use thin dashed elliptical badges to highlight key conversational links
anchor section navigation and labels in small uppercase tracking

Contrast

text on background14.2:1 AAA

muted text on background14.4:1 AAA

text on surface1.9:1 fail

accent on background7.5:1 AAA

background on accent7.5:1 AAA

Type, measured

Body: 20px / 1.1
Measure: 53 characters
Display: 40px / 1.1
Tracking: 0em display
Scale ratio: 1.19

Voice

Tone: editorial, confident
Sentences: medium
Person: third
Vocabulary: curated
Calls to action: follow, connect, subscribe

Built with

Builder: —
Framework: —
Motion: —
WebGL: —
Nav: top_bar, 3 items
Length: 3.1 screens

Sections in page order

3 marked strong · 3

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

00
hero
Strong
Monochrome personal hero balancing dramatic warped display typography against an editorial black-and-white portrait on an airy dark canvas.
Mood
bold + editorial
Layout
4 col · asymmetric · airy
Open section →
01
statement
Strong
Understated dark bio section with clean grotesque type, generous whitespace, and an italicized bottom-right call to action.
Mood
quiet + editorial
Layout
15 col · asymmetric · airy
Open section →
02
footer
Strong
Moody nightlife-infused portfolio footer pairing high-contrast typography, live event photography, and a delicate dashed connect badge.
Mood
raw + editorial
Layout
16 col · asymmetric · airy
Open section →