Skip to content

The reference

The style guide

Identity, type, palette, and ornaments — at a glance


This page is the brand reference for alexandria.kingst.com — a working spec that the site itself uses. Everything below is live: the colors are the actual CSS variables, the typefaces are the ones the page is set in, the marks are inlined SVG. A printable PDF version is available for prepress at the foot of the page.

Plate I.

The mark

A custom site mark. Source asset is a 512 × 512 PNG; Hugo's image pipeline emits 192 w and 384 w webp variants for hi-DPI device service. The PNG is the canonical source — replace it at assets/images/alexandria.kingst.com_512x512.png and the derivatives regenerate at next build.

Site mark — 32 px
32 px · favicon
Site mark — 80 px
80 px · mobile masthead
Site mark — 140 px
140 px · desktop masthead
Site mark — 200 px
200 px · hero · print

Clear space equal to one quarter of the mark's height on every side; no other element may invade that envelope. Minimum size is 32 px (favicon scale); below that detail is lost. Live masthead range is 80 px (mobile) to 140 px (desktop).


Plate II.

The wordmark

Set in Fraunces small caps, weight 540, letter-spacing 0.18em. The .kingst.com segment in accent red; the rest in ink. In the broadsheet lockup the site mark sits to the left of the wordmark, vertically centered, separated by a small gap.

Site mark
alexandria.kingst.com

Est. MCMXCVI · Alexandria, Virginia


Plate III.

The type

Display
Fraunces — the broadsheet face

Used for headlines, section titles, the wordmark, and place-page H1s. Variable font; weights 400–700.

Body
Newsreader — long-form text, optical-size aware.

Used for prose throughout. Optical sizing 6–72.

Alternate serif
Libre Caslon Text — pull-quotes & flourishes.

Used for italic dek lines and the homepage pitch.

Mono
JetBrains Mono — meta-labels, citations.

Used for taglines, meta-labels, code, and oldstyle small caps.


Plate IV.

The palette

Web is the source of truth. CMYK builds and Pantone equivalents are derived for prepress on uncoated text stock; verify with a press proof before a long run.

SwatchNameCSS varHEXsRGBCMYKPantone ≈
Ink--color-ink#1a1a1a26,26,260 0 0 90Black 7 C
Ink soft--color-ink-soft#2a252042,37,320 12 24 84Black 4 C
Muted--color-muted#6b6b6b107,107,1070 0 0 58Cool Gray 9 C
Rule--color-rule#d9d0c2217,208,1940 4 11 15Warm Gray 1 C
Paper--color-paper#fafaf7250,250,2470 0 1 211-0107 TPG
Paper-2--color-paper-2#f2eee6242,238,2300 2 5 5Warm Gray 1 C — 30%
Accent--color-accent#8b2635139,38,530 73 62 45201 C
Accent ink--color-accent-ink#5a182090,24,320 73 64 651815 C

Era stripe

The eight-color era stripe used in the OG share card and at the head of the streets-map legend.

Colonial Era #5c7a4a
Early Republic #c28b3a
Antebellum Era #8e6f4a
Civil War and Occupation #7a3838
Reconstruction and Early Jim Crow #4a6d82
Jim Crow Era #5a5a73
Mid-Century Transformation #a06b6e
Modern Alexandria #4a7c7e

Plate V.

The ornaments


hr.rule-double — section break

hr — hairline rule
.fleuron — paragraph break
.fleuron-three — chapter break

VII.The chapter heading

.part-numeral — chapter number

King Street the river the corridor

.ornament-diamond — inline mark

Plate VI.

The voice

The editorial voice is documented in two existing references on the site. Both are part of the brand and treated as canonical.

  • Reference

    The methodology page

    How sources are cited, how living persons are handled, how corrections work, what the platform does and does not do.

  • Reference

    The photographer's brief

    Aspect ratio (16:9), framing rules, light, lens choice, vertical correction, the policy on people in frame, credit lines, file naming.


Print

A letter-paper PDF of this page is available at /style/alexandria-kingst-style-guide.pdf. Generated on 23 May 2026. Recommended stock: 100 lb uncoated text or 80 lb cover; black on cream.