Mortar & Kettle

An open recipe index in English and Arabic, with every recipe traced to the compounds behind its flavour.

Live at mortarandkettle.com

The home page, scrolled — The home page, scrolledmortarandkettle.com, captured 15 October 2026

The home page on a phone, scrolled — The home page on a phone, scrolledmortarandkettle.com, captured 15 October 2026

Facts

What it is: Product · content library · Arabic and English
Status: Live
Year: 2026
Built with: Next.js, React, next-intl, TypeScript, Tailwind CSS
Hosting: Vercel

What we did

A content model of recipes, ingredients and compounds
The site in Arabic and English
Drawn molecular structures
Cook mode, sharing and print

Palette

Botanic #22352B 37%
Botanic, deep #1B2A21 7%
Brass #805F28 1%
Brass, light #CFA65F 1%
Eucalyptus #5F8168 <1%
Paper #ECE4D3 54%
Ink #1A201C 2%

As the home page uses them, measured on the capture of 15 October 2026.

Typefaces

Each line is the site’s own, set in its face.

Every recipe reads like a lab notebook
SpectralHeadlines and text
a bright butterfly-blue lift
Cormorant GaramondItalic accents
AN OPEN INDEX · SPICE · HERBAL TEA · SMOOTHIE · TABLE
Space MonoLabels and formulas
النَّكهة، مُتتبَّعةً إلى كيميائها.
AmiriArabic headlines and text
فهرسٌ مفتوح · بهارات · شايٌ عُشبيّ · سموذي · مائدة
Noto Kufi ArabicArabic labels

Screens

The recipe index — The recipe indexmortarandkettle.com, captured 14 October 2026

A recipe: Chamomile, Lavender and Star Anise, with cook mode, share and print — A recipe: Chamomile, Lavender and Star Anise, with cook mode, share and printmortarandkettle.com, captured 14 October 2026

The compounds, each molecule drawn and traced to its plants — The compounds, each molecule drawn and traced to its plantsmortarandkettle.com, captured 14 October 2026

The home page in Arabic — The home page in Arabicmortarandkettle.com, captured 14 October 2026

Next: Trashy T-Shirts