SAVOR — Design System

01 / Logo

The salt-shaker stands in for the A.

A monoline wordmark with a single, quiet substitution. Reads as serif when small, as drawing when large. Use on warm neutrals first; reserve full pigment fields for moments of emphasis.

Paper · primary

Bone · publication

Lab background

Ink · default reverse

Terracotta · feature

Aubergine · archive

Lockup A — wordmark

Lockup B — with descriptor

Recipes · Romania · Italia

Clear spaceEqual to the height of the salt-shaker on all sides.

Min. size16 px digital · 12 mm print. Never tighter.

Don'tRecolor the shaker. Stretch. Outline. Drop-shadow. Lay over busy imagery.

02 / Type

A modern serif with character, set against a humanist sans.

Fraunces gives the bilingual titling its sharpness and warmth — equally at home in Romanian and Italian. Inter Tight handles UI and Lab body. JetBrains Mono carries data, code, and metadata. Three different hands appear only in the margins.

Display Serif Fraunces
opsz 144 · wght 380
tracking −0.02em
use: Tavola headlines, recipe titles, hero

Plăcintă cu mere

Tagliatelle al ragù

Heading 1 Fraunces · 56px · 400
use: section titles

Three thousand recipes, two languages, one open corpus.

Lede / Italic Fraunces italic · 24px · 350
use: standfirsts, blockquotes

From an interwar Transylvanian notebook to Pellegrino Artusi's 1891 cookbook — the corpus is what happens when archives become queryable.

Body Sans Inter Tight · 17px · 400
line 1.55
use: running text, UI

Each recipe is modelled as a miniature heritage digital twin — linking the tangible carrier (manuscript page or born-digital file) with its intangible know-how: ingredients, steps, regional context, festive occasion. The metadata spine is Qualified Dublin Core; the culinary detail extends schema.org/Recipe and FOODon.

Mono JetBrains Mono · 13px
use: code, JSON, schema, metadata, lab register

// SAVOR-JSON · extends schema.org/Recipe
"recipeId": "sav:ro/cluj/1934/placinta-mere",
"region": "geonames:665087" // Cluj

Bilingual block Always RO ◇ IT
thin rule between
use: recipe headers, exhibits

RO · romana

Sarmale cu varză murată

IT · italiano

Involtini di cavolo fermentato

03 / Color

Pigments from both sides of the corpus.

Every color earns a semantic role. Mediterranean and Carpathian palettes set side by side: terracotta and indigo for the shared interactive thread; ochre and aubergine carrying the Romanian archival weight; olive and saffron held in reserve for life inside recipe pages. Lab uses the same accents, dialed down.

Neutrals

Bonesurface · panel
#FAF6EE

Papertavola page
#F4EDE1

Paper IIaged surface
#ECE2D0

Inktype · primary
#1A1714

Pigments

Terracottainteractive · IT
#B8523A

Ochreregion · RO
#C98E2B

Olivevegetal · diet
#6E7A3A

Auberginearchive · period
#5A3A4A

Indigolink · citation
#2D4A6B

Saffronselection · highlight
#E0A847

Lab BGlab register
#FAFAF8

Lab Markcode · data
#1F3A5F

04 / Registers

Tavola is for people. Lab is for machines and the people who feed them.

SAVOR / Tavola

Plăcintă
cu mere

A pie of apple, sugar, and lemon zest, baked until the crust takes on the colour of a winter afternoon.

Transilvania 1934 Sf. Maria Desert

Display: Fraunces · Body: Inter Tight · Surface: Paper

SAVOR / Lab

recipe.
placinta-mere

SAVOR-JSON record · 14 ingredients · 7 steps · LaBSE-embedded · validated against schema.org/Recipe + FOODon.

RO/IT CC BY-SA v1.0.3 PID:rd-2034

Display: Inter Tight · Body: Inter Tight · Surface: Lab BG

05 / Components

A small kit, used consistently.

Chips carry semantic metadata in distinct pigments. Buttons stay quiet — ink default, terracotta on hover. Cards are flat, ruled, with breathing room. Code blocks belong to Lab.

Chips · semantic tags

Emilia-Romagna Banat XIX sec. Interbelic Primo Fel principal Vegetariano Crăciun Carnevale RO IT

Buttons

Download JSON ↓

JSON record · Lab

// SAVOR-JSON · /recipes/ro/cluj/1934/placinta-mere.json
{
  "@context": "https://savor.eu/context.jsonld",
  "@type": "Recipe",
  "recipeId": "sav:ro/cluj/1934/placinta-mere",
  "name": {
    "ro": "Plăcintă cu mere",
    "it": "Torta di mele"
  },
  "recipeYield": 8,
  "region": "geonames:665087",
  "period": "periodo:p0qhvzd",
  "festive": ["wd:Q3406641"],
  "ingredients": [
    { "food": "foodon:00001275", "qty": 6, "unit": "piece" },
    { "food": "foodon:00001286", "qty": 300, "unit": "g" }
  ],
  "license": "CC0-1.0",
  "provenance": "AR-CJ ms.1934.b3.f47"
}

06 / Marginalia

Three hands in the margin.

Recipes carry voices that don't belong in the corpus body. We give them their own space — and their own handwriting. The cook leaves quick warnings in terracotta. The scholar pencils in dates and provenance, slightly skewed. The translator notes glosses in a slow, deliberate italic.

Punei mărul curățat și tăiat felii într-o cratiță cu untul, zahărul și coaja de lămâie. Lasă să fiarbă încet până când felii încep să-și piardă forma, dar nu se prefac în piure.

Întinde aluatul subțire ca o monedă, așază merele în mijloc, închide marginile și coace la cuptor încins, până capătă culoarea unei după-amiezi de noiembrie.

mai pune o lingură de scorțișoară — întotdeauna mai bună așa. — bunica

ms. 1934, f.47v;
cf. caietul Mariei P.,
1928, Sângeorz. — C.M.

„plăcintă" — qui non è propriamente una "torta" ma più vicino a una sfoglia ripiena. — trad.

The cook

a handful, no more

Caveat · 22px · terracotta. Quick, kitchen-side. Practical advice that didn't make the recipe.

The scholar

cf. CoRoLa §3.2

Reenie Beanie · 24px · aubergine, slightly skewed. Provenance, citations, dating.

The translator

untranslatable;
see footnote 4.

Homemade Apple · 14px · indigo. Cross-language glosses, semantic notes.