Iacere — Brand Guidelines

01

The Wordmark

Iacere

Iacere On Off-White

Iacere On Ink (editorial)

02

Color Palette

#004400

Forest Green

Primary — page background, headings, buttons, borders

#f0f0f0

Off-White

Secondary — panels, cards, text on dark surfaces

#8b0000

Dark Red

Danger — deny actions and error states only

#c8a84b

Gold

Accent — floating action buttons; editorial details

Alpha Variants

Preview	Value	Usage
	rgba(240,240,240,0.3)	Header bottom border; form border on dark background
	rgba(240,240,240,0.2)	Nav link hover background; filter box background
	rgba(0,68,0,0.25)	Table header background; admin row highlight
	rgba(0,68,0,0.22)	Non-canonical ACL row highlight
	rgba(0,68,0,0.12)	Canonical row background in endpoint listing
	rgba(0,68,0,0.08)	Table row hover
	rgba(0,68,0,0.3)	Input / textarea / select borders
	rgba(0,68,0,0.7)	Delete button background; muted text
	rgba(0,0,0,0.12)	Table box-shadow
	rgba(0,0,0,0.3)	Floating widget box-shadow

03

Typography

Cinzel — The Archive Speaks

Cinzel · 400, 600 · wordmark, section headers, nav, labels

Garamond was the voice of the humanists — ink pressed into laid paper, centuries before the screen. Every word in Iacere inherits that lineage.

Cormorant Garamond · 300, 400, 600 · all body copy · 1.3125rem · line-height 1.5

Bootstrap Admin · No paths configured · ignored by resolver

Cormorant Garamond Italic · metadata annotations, notes, subtitles

user.email == "[email protected]" && resource.path.startsWith("/manuscripts/")

ui-monospace stack · log filter expressions only

Feedback · Toggle Columns

Arial, sans-serif · 14px · floating utility widgets only

04

Component Vocabulary

Buttons

Alerts & Messages

Access request approved for /manuscripts/part-one

Permission denied — path not in ACL

Global Header

Iacere

Data Table

Path	Role	Type
/manuscripts/	author	Canonical
/drafts/	editor	Canonical
/archive/old/	—	Non-canonical

Email Template

Access Request — Iacere

Your request for /manuscripts/part-two has been reviewed.

✓ Access granted. You may now read and edit this resource.

✗ Access denied. Contact the repository administrator for assistance.

05

Layout

Context	Max-Width	Margin	Padding
Access denied / 403	min(720px, 90vw)	50px auto	20px
Admin / Logs / Endpoints	1200px	20px auto	20px
Breakpoint	max-width: 1200px — scrollable tables min-width: 800px; larger touch targets; wrapping flex header
Floating action button	position: fixed; bottom: 20px; right: 20px; z-index: 1000; border-radius: 8px

Context

Max-Width

Margin

Padding

Access denied / 403

min(720px, 90vw)

50px auto

20px

Admin / Logs / Endpoints

1200px

20px auto

20px

Breakpoint

max-width: 1200px — scrollable tables min-width: 800px; larger touch targets; wrapping flex header

Floating action button

position: fixed; bottom: 20px; right: 20px; z-index: 1000; border-radius: 8px

06

Design Character

Iacere is minimal, literary, monochromatic. The forest green and off-white duet is strict — a two-tone discipline that enforces clarity over decoration. Garamond grounds every interface in a centuries-old document tradition; every screen is a page.

A single accent, gold (#c8a84b), completes the palette — used for floating controls and editorial details. It reads as illuminated, not intrusive, and keeps the system coherent: two tones, one accent, one reserved danger color. Non-canonical data rows use a forest green alpha (rgba(0,68,0,0.22)) — distinct, but fully within the palette family.

When in doubt: less. When uncertain about color: green. When uncertain about type: the serif.