riptype-xyz

Pragmatic, modular specimen index with an editorial art-direction slant. Fine hairline grid dividers parcel the viewport into functional panes for foundry info, typeface catalog, specimen showcase, and in-use gallery.

raw

Visit site

Colour

Background#121212

Text#ffffff

Accent#d9ff00

Surface#353535

Muted#cfcbc2

Typefaces

Display: Office
Body: Office
Mono: —
Source: self_hosted
Scale: 12 · 16 · 43

Layout

Grid: —
Container: —
Spacing base: 6px
Radius: 0px · 4px

Capture

Category: foundry
Sections: 1
Captured: 2026-08-30
Rhythm: dark

Type rules

body text runs compact at approximately 43 characters per line
section titles and column headers sit on strict horizontal baseline rules

Colour rules

deep black background dominates across all operational panels
acid yellow reserved exclusively for interactive floating utility triggers

Voice rules

conversational studio tone without corporate jargon
explicit font weights and licensing breakdown

Holds it together

split the full viewport into dedicated vertical columns bounded by hairline divider borders
preface each column header with a colored icon or glyph symbol
anchor specimen artwork in a prominent central framed module

Contrast

text on background18.7:1 AAA

muted text on background11.6:1 AAA

text on surface12.3:1 AAA

accent on background16.3:1 AAA

background on accent16.3:1 AAA

Type, measured

Body: 16px / 1.19
Measure: 43 characters
Display: 43px / 0.95
Tracking: 0em display
Scale ratio: 1.28

Voice

Tone: direct, casual, enthusiastic
Sentences: short
Person: first
Vocabulary: conversational
Calls to action: download, view, contact

Built with

Builder: webflow
Framework: —
Motion: gsap
WebGL: —
Nav: sticky_top_bar, 0 items, sticky
Length: 1 screens

Sections in page order

1 marked strong · 1

00
hero
Strong
A structured multi-column foundry index with stark dark contrast, strict grid divisions, and a bold red specimen poster.
Mood
raw + editorial
Layout
4 col · grid · dense
Open section →