danieltriendl-com

A lively, art-forward catalog that pairs saturated, eccentric illustrations with a clean monochrome frame. Floating rounded pills and structured hashtag captions give the infinite masonry flow a tactile editorial discipline.

playful

Visit site

Rated

8.0/ 10

From 6 analysed sections. Two measured components and one judged by a model. Distinction is a rank within the library; the rest are scores in their own right.

AI scorejudged: 9.9
Systemmeasured: 5.6
Distinctionmeasured: 8.6

on the grid: 8%
vertical rhythm: 84%
type on a scale: 67%
contrast passing AA: 67%
unlike the library: 0.29
model craft: 8.2/10
model deviation: 5.2/10

Colour

Background#ffffff

Text#000000

Surface#f2f2f2

Muted#9b9b9b

Typefaces

Display: Rza
Body: UniversalSans-425
Mono: —
Source: self_hosted
Scale: 10 · 14 · 24

Layout

Grid: —
Container: —
Spacing base: 8px
Radius: 24px

Capture

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

Type rules

metadata tags set in compact sans-serif beneath titles
editorial serif reserved for personal statements and typographic cards

Colour rules

pure white canvas with zero decorative color in the UI frame
all visual energy and hue supplied entirely by artwork thumbnails

Voice rules

each artwork features lowercase hashtag metadata
bio text kept brief and direct

Holds it together

caption every portfolio item with a title and stacked hashtag descriptors
dock primary interface buttons in rounded floating pill containers
interleave text-based bio cards and client callouts directly into the image grid

Contrast

text on background21.0:1 AAA

muted text on background2.8:1 fail

text on surface18.8:1 AAA

Type, measured

Body: 24px / 1.17
Measure: 27 characters
Display: 24px / 1.17
Tracking: -0.006em display
Scale ratio: —

Voice

Tone: playful, concise, informal
Sentences: short
Person: first
Vocabulary: plain
Calls to action: explore, index, show project

Built with

Builder: —
Framework: next
Motion: —
WebGL: —
Nav: sticky_top_bar, 6 items, sticky
Length: 9.5 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
gallery
Strong
Dense, colorful illustration portfolio grid anchored by floating minimal navigation and contact popups.
Mood
playful + editorial
Layout
4 col · grid · dense
Open section →
01
gallery
A dense, lively masonry gallery of colorful illustrations and graphic explorations cataloged with neat metadata captions.
Mood
playful + editorial
Layout
4 col · grid · dense
Open section →
02
showcase
Strong
A dense, vibrant portfolio masonry grid pairing colorful editorial illustrations with black-and-white line drawings and typographic callouts.
Mood
playful + editorial
Layout
4 col · grid · dense
Open section →
03
gallery
Strong
A vibrant, eclectic masonry gallery dense with colorful illustrations, graphic artwork, and interspersed editorial text blocks.
Mood
playful + bold
Layout
4 col · grid · dense
Open section →
04
gallery
A dense, lively masonry portfolio grid teeming with expressive, colourful illustrations and minimal metadata tags.
Mood
playful + editorial
Layout
4 col · grid · dense
Open section →
05
gallery
A vibrant, eclectic masonry portfolio grid showcasing colorful illustrations and graphic design projects with structured metadata tags.
Mood
playful + editorial
Layout
4 col · grid · dense
Open section →