Opening the vault…
Opening the vault…
Style sheet · 19 references
Magazine DNA: serif display at outrageous sizes, multi-column measure, pull quotes, drop caps, rules. Reading as the hero interaction.
The whole sheet as Markdown, every move cited to the reference it came from. Paste it into your DESIGN.md as a starting system.
# Editorial — style sheet
> Magazine DNA: serif display at outrageous sizes, multi-column measure, pull quotes, drop caps, rules. Reading as the hero interaction.
Derived from 19 curated reference(s) in the `editorial` family. Counts are how many references use a value, so a value used once is a lead, not a rule. Paste this into DESIGN.md as a starting system, then verify against the images.
## Type
- blackletter — 1/19
- condensed gothic all-caps — 1/19
- condensed sans all-caps — 1/19
- Founders Grotesk — 1/19
- Fragment Serif — 1/19
- hand-lettered condensed sans — 1/19
- Neue Haas Grotesk — 1/19
- Object Sans — 1/19
- roman — 1/19
- Tiempos Headline — 1/19
## Color
- `#1f1d1a` dark neutral — 5/19
- `#f9f6ef` light neutral — 4/19
- `#000000` dark neutral — 1/19
- `#2c2c2c` dark neutral — 1/19
- `#8f1f1f` chromatic — 1/19
- `#3a4f9c` chromatic — 1/19
- `#d0021b` chromatic — 1/19
- `#c0392b` chromatic — 1/19
- `#d94f5c` chromatic — 1/19
- `#8f8f8f` mid neutral — 1/19
Readable pairs from these swatches, most-used first (WCAG AA body text needs 4.5:1):
- `#1f1d1a` / `#f9f6ef` — 15.6:1
- `#1f1d1a` / `#8f8f8f` — 5.2:1
- `#000000` / `#f9f6ef` — 19.5:1
- `#2c2c2c` / `#f9f6ef` — 12.9:1
## Moves
### typography
- Tiempos at 20px/1.7 with a 65ch measure — reading comfort as the entire design thesis. — 13-the-paris-review
- Serif italic display crashed into grotesque body at 4:1 scale ratio. The clash IS the hierarchy. — 15-obys-zine
- [model draft] The title line is set in a condensed sans, all caps, and sized so its length exactly matches the width of the bottom green band. Letter-spacing is uniform and tight; the type colour is black on green so it reads as a fourth value rather than as text. — 72-a-nation-that-enslaves-another-cannot-itself-be-free
- [model draft] Title lettering uses two weights of the same condensed sans: the word PICTURE is set in a heavy stroke that matches the black ink of the illustration, while POSTERS is lighter and sits on the same baseline. The two words share terminal character (abrupt vertical cutoffs) so the lighter word still reads as belonging to the heavier one. — 70-picture-posters
- [model draft] Body text is set in a single narrow measure (roughly 45 characters) with no paragraph breaks or subheads. The entire argument is one continuous block whose grey value is deliberately matched to the half-tone photograph directly above it, so the text reads as a second tone mass rather than as readable lines. — 69-there-flows-from-latin-america
- [model draft] The single word 'SCULPTRESS' is set in a condensed, high-contrast serif whose thick strokes are roughly twice the width of the thin strokes. The word is letter-spaced so that the counter of each letter is approximately equal to the letter height, turning the word into a row of near-abstract shapes rather than readable text. — 66-sculptress
- [model draft] The name 'MAY MILTON' is lettered in a single weight of bold grotesque capitals whose stroke thickness matches the weight of the black outlines used on the figure below. The type is stacked in two centered lines with almost no leading, so the word block reads as one dense rectangular mass rather than separate lines. — 65-may-milton
- [model draft] The title 'LEMRÉE' is set in a single line of extremely condensed, high-contrast all-caps lettering whose x-height nearly fills the full height of the upper band. Letter-spacing is tight enough that counters begin to merge at thumbnail size, creating a single dark bar that reads before the word is legible. — 64-poster-for-the-lembr-e-gallery
- [model draft] The name is set in an extreme condensed sans, all caps, at a size that spans nearly the full width of the sheet. The single word 'Yvette' is allowed to sit larger than 'Guilbert,' breaking the usual all-caps uniformity to create a secondary focal point inside the title block itself. — 63-yvette-guilbert
- [model draft] Two sizes of blackletter: the headline is roughly 2.5× the measure of the body text, both justified to the same left edge. The date and place sit in a smaller roman face below, creating a three-tier hierarchy without rules or ornaments. — 62-broadside-with-a-barge-sailing-on-ice
- [model draft] Printed text is set in a single condensed gothic all-caps face, letter-spaced tightly across the width of the cloth so the longest line determines the measure. The name is the only element allowed to break the line, creating a deliberate hierarchy by width rather than weight or size. — 61-handkerchief
- [model draft] The name is engraved in a single line of roman capitals whose serifs are extended until they almost meet, turning the baseline into a continuous horizontal bar that runs the full width of the oval frame. — 60-martin-vanden-bogaert-desjardins
- [model draft] The signature and date are placed directly under the lower lip of the portrait in a size so small that they read as a single grey line rather than individual letters; the measure of the inscription exactly matches the width of the mouth above it. — 59-self-portrait
- [model draft] The title REINE DE JOIE is broken into three stacked lines with the middle line (DE) set in a markedly smaller size and centred; the resulting stepped silhouette is mirrored by the three horizontal bands of the decorative border. — 58-reine-de-joie
- [model draft] The masthead LA REVUE BLANCHE is set in a condensed grotesque whose x-height is deliberately lowered so the ascenders and descenders create a rhythmic up-and-down silhouette against the white ground. — 57-la-revue-blanche
- [model draft] The name ARISTIDE BRUANT is letter-spaced so tightly that adjacent letters nearly touch; the tracking is reduced until the counters of the B and R become the dominant negative shapes. — 56-aristide-bruant
- [model draft] The single word ZODIAQUE is set in an all-caps display face whose weight is carried almost entirely by the thick vertical stems; the horizontals and curves are thinned to hairline so the word reads as a row of dark posts linked by fine strokes. — 55-zodiaque-la-plume
- [model draft] 'MOULIN ROUGE' is repeated three times on stacked lines with one oversized red 'M' spanning all three as a shared initial. Repetition used as texture rather than emphasis — the name becomes a pattern block. Works for a hero wordmark: set the word three times, let one letter run the full stack height. — 29-toulouse-lautrec-moulin-rouge-la-goulue
### grid/layout
- 12-col grid broken by a full-bleed image every third section — rhythm of restraint, release, restraint. — 14-pentagram-case-studies
- [model draft] The page is divided into three horizontal bands of unequal height: top green band (map and two photos), middle white band (crowd and camera), bottom green band (title only). The middle band is the largest and contains the single focal object (camera lens) that overlaps both green fields. — 72-a-nation-that-enslaves-another-cannot-itself-be-free
- [model draft] The illustration is placed so its top edge aligns with the optical centre of the page; the title arcs above it using the same curve as the barrel rim. Subordination is by size: the figure is the largest single mass and every other element (title, author, imprint) is scaled to it. — 70-picture-posters
- [model draft] The layout is a single vertical stack: headline (two lines), photograph, body block, footer quote. Each element spans the full width with no margins or gutters. The only spatial decision is the proportion of image height to text height, which is approximately 1:2.5. — 69-there-flows-from-latin-america
- [model draft] The sheet is divided by a single strong horizontal: the lower 60 % holds the full-length figure; the upper 40 % is empty except for the centred word. The figure’s head breaks the dividing line by roughly one eye-height, creating a deliberate overlap that ties the two zones together. — 66-sculptress
- [model draft] The composition places the figure in the lower two-thirds, cropped at the knees, so that her head and hat sit exactly on the horizontal centre-line. All typography is pushed into the remaining top third and locked to the same centre axis, producing a single vertical spine that organises the entire sheet. — 65-may-milton
- [model draft] A narrow horizontal band (roughly 1/6 of total height) is reserved for the gallery name and address; everything below it is given to a full-bleed figurative illustration. The band is further subdivided by two hairline rules that align exactly with the top and bottom of the lettering, turning the type into a measured architectural frieze. — 64-poster-for-the-lembr-e-gallery
- [model draft] The woodcut illustration sits directly above the text block with no caption or separator. The image width exactly matches the text measure, so the composition reads as a single vertical stack rather than two separate elements. — 62-broadside-with-a-barge-sailing-on-ice
- [model draft] The composition is a centered rectangle with text blocks stacked vertically and a small decorative rule above and below the central name. Margins are generous on all four sides of the cloth, treating the printed area as a floating panel rather than edge-to-edge printing. — 61-handkerchief
- [model draft] The portrait medallion is centred inside a tall rectangular field; the remaining vertical space above and below the oval is filled with two identical panels of Latin inscription set in the same size and weight, creating strict top-bottom symmetry around the central image. — 60-martin-vanden-bogaert-desjardins
- [model draft] The central vignette is framed by a narrow white margin on all four sides; the outer red border is exactly twice the width of that margin, producing a 1:2 inner-to-outer frame ratio that keeps the illustration from touching the edge of the sheet. — 58-reine-de-joie
- [model draft] The two figures are placed in the lower third; the upper two-thirds are left almost empty except for the masthead and a thin horizontal rule; the rule sits exactly one cap-height below the baseline of the title, giving a precise 3:1 empty-to-content ratio in the vertical dimension. — 57-la-revue-blanche
- [model draft] The figure is cropped at mid-thigh and pushed hard against the left edge; the remaining two-thirds of the width is given to a flat red field that carries only the name and the small theatre credit at the bottom, creating a 1:2 split between figure and text block. — 56-aristide-bruant
- [model draft] The central female figure occupies the full height but is placed slightly left of centre, leaving a tall vertical margin on the right that contains only the magazine name and date in two sizes; the figure’s right hand and the staff create a diagonal that leads the eye into that margin. — 55-zodiaque-la-plume
- [model draft] There is no grid. Type sits in four clusters at four different scales, placed wherever the illustration leaves room, and the foreground figure crops through the bottom headline so image and lettering interlock instead of occupying separate bands. Steal for editorial hero art: let one element break the type's bounding box. — 29-toulouse-lautrec-moulin-rouge-la-goulue
### color
- [model draft] Palette is limited to four flat colours: cadmium yellow, a warm red, black, and the cream of the paper. The yellow is used only for the figure’s dress and the red only for the hat ribbon and lips, creating two small high-saturation accents against large areas of black and cream. — 65-may-milton
- [model draft] Flat yellow ground with the figure rendered in black line and two flat reds (dress and lips). The palette is restricted to four inks total, with the yellow used as both background and negative space around the black type. — 63-yvette-guilbert
- [model draft] The palette is limited to four values: warm parchment ground, muted olive for the decorative border, a single terracotta red for the title banner, and black for all lettering and linework; no secondary or tertiary hues are introduced. — 55-zodiaque-la-plume
- [model draft] Five flat values and no shading anywhere: black silhouette crowd behind, the lit cream subject in the middle, a large desaturated grey cut-out figure in front. Depth is built purely by value separation and overlap — the nearest figure is the *dullest*, the subject the brightest. Invert the usual instinct to make foreground elements the most saturated. — 29-toulouse-lautrec-moulin-rouge-la-goulue
### component pattern
- Interview headers set as playbill credits (INTERVIEWED BY…, ISSUE NO…) — structure borrowed from print tradition. — 13-the-paris-review
### copywriting
- Case studies open with the problem in one sentence before any image. Editorial discipline applied to portfolio. — 14-pentagram-case-studies
### motion/interaction
- Text blocks assemble letter-by-letter on scroll like typesetting in progress — motion that references the medium's history. — 15-obys-zine
## References
- 13-the-paris-review — The Paris Review (exemplar)
- 72-a-nation-that-enslaves-another-cannot-itself-be-free — A nation that enslaves another cannot itself be free
- 70-picture-posters — Picture Posters
- 69-there-flows-from-latin-america — There flows from Latin America
- 66-sculptress — Sculptress
- 65-may-milton — May Milton
- 64-poster-for-the-lembr-e-gallery — Poster for the Lembrée Gallery
- 63-yvette-guilbert — Yvette Guilbert
- 62-broadside-with-a-barge-sailing-on-ice — Broadside with a Barge Sailing on Ice
- 61-handkerchief — Handkerchief
- 60-martin-vanden-bogaert-desjardins — Martin Vanden Bogaert Desjardins
- 59-self-portrait — Self-Portrait
- 58-reine-de-joie — Reine de Joie
- 57-la-revue-blanche — La revue blanche
- 56-aristide-bruant — Aristide Bruant
- 55-zodiaque-la-plume — Zodiaque ("La Plume")
- 29-toulouse-lautrec-moulin-rouge-la-goulue — Toulouse-Lautrec — Moulin Rouge: La Goulue
- 14-pentagram-case-studies — Pentagram — case studies
- 15-obys-zine — Obys — ZineTiempos at 20px/1.7 with a 65ch measure — reading comfort as the entire design thesis.
Serif italic display crashed into grotesque body at 4:1 scale ratio. The clash IS the hierarchy.
The title line is set in a condensed sans, all caps, and sized so its length exactly matches the width of the bottom green band. Letter-spacing is uniform and tight; the type colour is black on green so it reads as a fourth value rather than as text.
A nation that enslaves another cannot itself be free · model draft
Title lettering uses two weights of the same condensed sans: the word PICTURE is set in a heavy stroke that matches the black ink of the illustration, while POSTERS is lighter and sits on the same baseline. The two words share terminal character (abrupt vertical cutoffs) so the lighter word still reads as belonging to the heavier one.
Picture Posters · model draft
Body text is set in a single narrow measure (roughly 45 characters) with no paragraph breaks or subheads. The entire argument is one continuous block whose grey value is deliberately matched to the half-tone photograph directly above it, so the text reads as a second tone mass rather than as readable lines.
There flows from Latin America · model draft
The single word 'SCULPTRESS' is set in a condensed, high-contrast serif whose thick strokes are roughly twice the width of the thin strokes. The word is letter-spaced so that the counter of each letter is approximately equal to the letter height, turning the word into a row of near-abstract shapes rather than readable text.
Sculptress · model draft
The name 'MAY MILTON' is lettered in a single weight of bold grotesque capitals whose stroke thickness matches the weight of the black outlines used on the figure below. The type is stacked in two centered lines with almost no leading, so the word block reads as one dense rectangular mass rather than separate lines.
May Milton · model draft
The title 'LEMRÉE' is set in a single line of extremely condensed, high-contrast all-caps lettering whose x-height nearly fills the full height of the upper band. Letter-spacing is tight enough that counters begin to merge at thumbnail size, creating a single dark bar that reads before the word is legible.
Poster for the Lembrée Gallery · model draft
The name is set in an extreme condensed sans, all caps, at a size that spans nearly the full width of the sheet. The single word 'Yvette' is allowed to sit larger than 'Guilbert,' breaking the usual all-caps uniformity to create a secondary focal point inside the title block itself.
Yvette Guilbert · model draft
Two sizes of blackletter: the headline is roughly 2.5× the measure of the body text, both justified to the same left edge. The date and place sit in a smaller roman face below, creating a three-tier hierarchy without rules or ornaments.
Broadside with a Barge Sailing on Ice · model draft
Printed text is set in a single condensed gothic all-caps face, letter-spaced tightly across the width of the cloth so the longest line determines the measure. The name is the only element allowed to break the line, creating a deliberate hierarchy by width rather than weight or size.
Handkerchief · model draft
The name is engraved in a single line of roman capitals whose serifs are extended until they almost meet, turning the baseline into a continuous horizontal bar that runs the full width of the oval frame.
Martin Vanden Bogaert Desjardins · model draft
The signature and date are placed directly under the lower lip of the portrait in a size so small that they read as a single grey line rather than individual letters; the measure of the inscription exactly matches the width of the mouth above it.
Self-Portrait · model draft
The title REINE DE JOIE is broken into three stacked lines with the middle line (DE) set in a markedly smaller size and centred; the resulting stepped silhouette is mirrored by the three horizontal bands of the decorative border.
Reine de Joie · model draft
The masthead LA REVUE BLANCHE is set in a condensed grotesque whose x-height is deliberately lowered so the ascenders and descenders create a rhythmic up-and-down silhouette against the white ground.
La revue blanche · model draft
The name ARISTIDE BRUANT is letter-spaced so tightly that adjacent letters nearly touch; the tracking is reduced until the counters of the B and R become the dominant negative shapes.
Aristide Bruant · model draft
The single word ZODIAQUE is set in an all-caps display face whose weight is carried almost entirely by the thick vertical stems; the horizontals and curves are thinned to hairline so the word reads as a row of dark posts linked by fine strokes.
Zodiaque ("La Plume") · model draft
'MOULIN ROUGE' is repeated three times on stacked lines with one oversized red 'M' spanning all three as a shared initial. Repetition used as texture rather than emphasis — the name becomes a pattern block. Works for a hero wordmark: set the word three times, let one letter run the full stack height.
Toulouse-Lautrec — Moulin Rouge: La Goulue · model draft
12-col grid broken by a full-bleed image every third section — rhythm of restraint, release, restraint.
The page is divided into three horizontal bands of unequal height: top green band (map and two photos), middle white band (crowd and camera), bottom green band (title only). The middle band is the largest and contains the single focal object (camera lens) that overlaps both green fields.
A nation that enslaves another cannot itself be free · model draft
The illustration is placed so its top edge aligns with the optical centre of the page; the title arcs above it using the same curve as the barrel rim. Subordination is by size: the figure is the largest single mass and every other element (title, author, imprint) is scaled to it.
Picture Posters · model draft
The layout is a single vertical stack: headline (two lines), photograph, body block, footer quote. Each element spans the full width with no margins or gutters. The only spatial decision is the proportion of image height to text height, which is approximately 1:2.5.
There flows from Latin America · model draft
The sheet is divided by a single strong horizontal: the lower 60 % holds the full-length figure; the upper 40 % is empty except for the centred word. The figure’s head breaks the dividing line by roughly one eye-height, creating a deliberate overlap that ties the two zones together.
Sculptress · model draft
The composition places the figure in the lower two-thirds, cropped at the knees, so that her head and hat sit exactly on the horizontal centre-line. All typography is pushed into the remaining top third and locked to the same centre axis, producing a single vertical spine that organises the entire sheet.
May Milton · model draft
A narrow horizontal band (roughly 1/6 of total height) is reserved for the gallery name and address; everything below it is given to a full-bleed figurative illustration. The band is further subdivided by two hairline rules that align exactly with the top and bottom of the lettering, turning the type into a measured architectural frieze.
Poster for the Lembrée Gallery · model draft
The woodcut illustration sits directly above the text block with no caption or separator. The image width exactly matches the text measure, so the composition reads as a single vertical stack rather than two separate elements.
Broadside with a Barge Sailing on Ice · model draft
The composition is a centered rectangle with text blocks stacked vertically and a small decorative rule above and below the central name. Margins are generous on all four sides of the cloth, treating the printed area as a floating panel rather than edge-to-edge printing.
Handkerchief · model draft
The portrait medallion is centred inside a tall rectangular field; the remaining vertical space above and below the oval is filled with two identical panels of Latin inscription set in the same size and weight, creating strict top-bottom symmetry around the central image.
Martin Vanden Bogaert Desjardins · model draft
The central vignette is framed by a narrow white margin on all four sides; the outer red border is exactly twice the width of that margin, producing a 1:2 inner-to-outer frame ratio that keeps the illustration from touching the edge of the sheet.
Reine de Joie · model draft
The two figures are placed in the lower third; the upper two-thirds are left almost empty except for the masthead and a thin horizontal rule; the rule sits exactly one cap-height below the baseline of the title, giving a precise 3:1 empty-to-content ratio in the vertical dimension.
La revue blanche · model draft
The figure is cropped at mid-thigh and pushed hard against the left edge; the remaining two-thirds of the width is given to a flat red field that carries only the name and the small theatre credit at the bottom, creating a 1:2 split between figure and text block.
Aristide Bruant · model draft
The central female figure occupies the full height but is placed slightly left of centre, leaving a tall vertical margin on the right that contains only the magazine name and date in two sizes; the figure’s right hand and the staff create a diagonal that leads the eye into that margin.
Zodiaque ("La Plume") · model draft
There is no grid. Type sits in four clusters at four different scales, placed wherever the illustration leaves room, and the foreground figure crops through the bottom headline so image and lettering interlock instead of occupying separate bands. Steal for editorial hero art: let one element break the type's bounding box.
Toulouse-Lautrec — Moulin Rouge: La Goulue · model draft
Palette is limited to four flat colours: cadmium yellow, a warm red, black, and the cream of the paper. The yellow is used only for the figure’s dress and the red only for the hat ribbon and lips, creating two small high-saturation accents against large areas of black and cream.
May Milton · model draft
Flat yellow ground with the figure rendered in black line and two flat reds (dress and lips). The palette is restricted to four inks total, with the yellow used as both background and negative space around the black type.
Yvette Guilbert · model draft
The palette is limited to four values: warm parchment ground, muted olive for the decorative border, a single terracotta red for the title banner, and black for all lettering and linework; no secondary or tertiary hues are introduced.
Zodiaque ("La Plume") · model draft
Five flat values and no shading anywhere: black silhouette crowd behind, the lit cream subject in the middle, a large desaturated grey cut-out figure in front. Depth is built purely by value separation and overlap — the nearest figure is the *dullest*, the subject the brightest. Invert the usual instinct to make foreground elements the most saturated.
Toulouse-Lautrec — Moulin Rouge: La Goulue · model draft
Interview headers set as playbill credits (INTERVIEWED BY…, ISSUE NO…) — structure borrowed from print tradition.
Case studies open with the problem in one sentence before any image. Editorial discipline applied to portfolio.
Text blocks assemble letter-by-letter on scroll like typesetting in progress — motion that references the medium's history.