Pelata Pieces 2024

Playful Nordic warmth meets precision toy cataloguing. Monospace typewriter specifications and delicate wireframe grids ground ultra-chunky colored headlines and tactile wooden play pieces.

playful serene

Visit site

Rated

7.8/ 10

From 7 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.6
Systemmeasured: 6.9
Distinctionmeasured: 5.1

on the grid: 51%
vertical rhythm: 97%
type on a scale: 67%
contrast passing AA: 60%
unlike the library: 0.70
model craft: 8.0/10
model deviation: 6.7/10

Colour

Background#fdfcfb

Text#646450

Accent#ff7711

Surface#fdfcfb

Muted#505046

Typefaces

Display: GT Zirkon
Body: ABCDailySlabMono
Mono: ABCDailySlabMono
Source: self_hosted
Scale: 16 · 18 · 130

Layout

Grid: 16 columns
Container: 1240px
Spacing base: 4px
Radius: 0px · 999px

Capture

Category: ecommerce
Sections: 7
Captured: 2026-09-16
Rhythm: uniform cream throughout with shifting product accent colors

Type rules

body copy, labels, and product metadata strictly set in monospace slab
display headlines set in massive heavy weights colored to match the section theme
body paragraphs measure approximately 35 characters wide for tight editorial columns

Colour rules

background remains uniform cream while each product section rotates through a signature primary accent
wireframe grid borders and pill-shaped CTA outlines match the active section's accent color

Voice rules

set an atmospheric evening scene before describing each object's physical design
format specs strictly as uppercase key-value pairs separated by colons

Holds it together

assign each showcase block a unique vibrant accent for its headline, border lines, and bullet markers
organize technical specifications in a boxed metadata grid above the dual-column product story
use pill-shaped outline buttons with mono uppercase copy for all purchasing actions

Contrast

text on background5.9:1 AA

muted text on background8.0:1 AAA

text on surface5.9:1 AA

accent on background2.6:1 fail

background on accent2.6:1 fail

Type, measured

Body: 18px / 1.33
Measure: 35 characters
Display: 130px / 1
Tracking: 0em display
Scale ratio: 1.64

Voice

Tone: playful, nostalgic, storytelling
Sentences: medium
Person: second
Vocabulary: evocative
Calls to action: shop

Built with

Builder: —
Framework: —
Motion: —
WebGL: yes
Nav: —
Length: 12.5 screens

Mode

Sections in page order

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

00
hero
Strong
Tactile Scandinavian design hero pairing a bold bubble wordmark with delicate wireframe gridlines and monospaced product specs.
Mood
playful + grounded
Layout
4 col · grid · airy
Open section →
01
hero
Strong
An asymmetric, typographically playful editorial hero pairing chunky electric-blue display type with dual-column typewriter prose and colorful technical metadata.
Mood
playful + whimsical
Layout
2 col · asymmetric · airy
Open section →
02
feature
Strong
Crisp editorial spec sheet with bold chunky green display lettering and airy monospaced product storytelling over off-white paper.
Mood
playful + whimsical
Layout
2 col · asymmetric · airy
Open section →
03
feature
Quiet Scandinavian editorial layout pairing heavy sculptural display typography with airy monospace columns and precise specimen-like metadata.
Mood
serene + contemplative
Layout
2 col · asymmetric · airy
Open section →
04
showcase
An airy editorial showcase with bold modular orange typography, dual text columns in monospace, and playful colorful catalog metadata.
Mood
playful + serene
Layout
2 col · asymmetric · airy
Open section →
05
feature
Warm, airy editorial layout centered around oversized mustard display lettering and typewriter-style storytelling.
Mood
playful + grounded
Layout
2 col · asymmetric · airy
Open section →
06
footer
Chunky pop-blue and orange typographic branding paired with multi-column monospaced stories across an airy warm paper backdrop.
Mood
playful + nostalgic
Layout
3 col · grid · airy
Open section →