Type Scale — Lexend + Source Code Pro

Complete typography specification with specimens and in-context demos

Type Scale
Display
48px / 700
line: 1.1
Bespoke systems that transform
H1
36px / 700
line: 1.15
Design-led software for complex organisations
H2
28px / 600
line: 1.2
National Health Management Information System
H3
22px / 600
line: 1.3
Discovery, prototyping, and iterative delivery
H4
18px / 600
line: 1.4
Procurement Scoping Service
Body
16px / 400
line: 1.65
We design and build custom software for organisations that have outgrown off-the-shelf solutions. Our design-led approach means fewer surprises and faster adoption.
Body Small
14px / 400
line: 1.6
Long-term partnerships built on reliable delivery and genuine understanding of each client's domain. Every project starts with understanding your users.
Caption
13px / 400
line: 1.5
Government of The Gambia — Deployed 2023 — 700+ facilities — Ministry of Health
Overline
12px / 600
line: 1.5
uppercase
tracking: 2px
Software Development
Code Block
14px / 400
line: 1.6
Source Code Pro
const response = await fetch(`/api/v2/facilities?region=${region}`);
Code Inline
14px / 400
Source Code Pro
Authentication uses OAuth 2.0 bearer tokens with a 3600s expiry
Weight Usage
Regular 400
Aa
Body text, small text, captions, list items, table cells, card descriptions
Medium 500
Aa
Nav links, table values, stat labels, meta data, button secondary
SemiBold 600
Aa
H2, H3, H4, overlines, buttons, bold emphasis in body text, card titles
Bold 700
Aa
Display, H1, brand name, stat numbers, hero headlines only
Responsive Scaling
Role Desktop (1024px+) Tablet (768px) Mobile (375px)
Display48px40px32px
H136px32px28px
H228px24px22px
H322px20px18px
H418px18px16px
Body16px16px16px
Body Small14px14px14px
Caption13px13px13px
Overline12px12px11px
In Context — Dark Theme
Writemedia writemedia.
Software Development
Bespoke systems that transform how you operate
We design and build custom software for organisations that have outgrown off-the-shelf solutions.
Start a Conversation
Government
Health Information Systems
National-scale platforms for health data collection, reporting, and decision support across 700+ facilities.
The Gambia — Live since 2023
SaaS
Care Sector Platform
Multi-tenant SaaS system managing compliance, staffing, and operations for care providers across the UK.
UK — 5+ years in production
Human Rights
NHRC Complaints Portal
Public-facing complaints system with multilingual support, anonymous reporting, and case management.
The Gambia — In development
In Context — Light Theme (Document)
Case Study
National Health Management Information System
A comprehensive health data platform serving The Gambia's Ministry of Health, replacing fragmented paper-based systems with real-time reporting across 700+ health facilities nationwide.
Technical Architecture
The system is built on a Node.js backend with PostgreSQL 15 for data storage. The API serves both the web application and mobile data collection tools used by health workers in the field.
// Facility reporting endpoint
export async function getMonthlyReport(facilityId: string, month: string) {
  const data = await db.query(`
    SELECT indicator, value, target
    FROM reports WHERE facility_id = $1 AND month = $2
  `, [facilityId, month]);
  return formatReport(data.rows);
}
Key Outcomes
  • Real-time visibility — health data available within hours instead of weeks
  • 700+ facilities reporting through a single unified platform
  • Offline capability — mobile app works without connectivity, syncs when available
  • Multi-level reporting — facility, district, regional, and national dashboards
Writemedia — Government of The Gambia — Deployed 2023