Our website gives a clear and comprehensive account of what we do. But under the hood, there’s a lot of discipline in how we put it together. We have developed a set of foundational design rules to ensure that our system for digital communication is interoperable, scalable and adaptable.

PAGE TYPES

Newsfeed

A key feature of our website is our newsfeed on our landing page. It is a reverse chronological summary of our activity. It acts as a table of contents for our institute; a summary of what’s new for returning visitors; and a mirror in which our organisation can see itself more clearly. ❧ Everything that is added to an archive page gets added to the newsfeed. Occasionally we show other things on the newsfeed too, such as improvements to our website. ❧ We tweet all of the items on our newsfeed on our Twitter account, a process which is largely automated.

PAGE TYPES

Archive and collection pages

Our website can be thought of as a set of lists of different kinds of content: a list of people, a list of papers, and so on. ❧ A list in which the elements link to more detailed child pages, such as jobs and events, is called an archive page. A list in which the elements do not link to more detailed child pages, such as values and journals, is called a collection page. ❧ At the top of both kinds of pages is a titlegraph—a few sentences describing the purpose of the page. ❧ Guidelines for specific archive, collection and child pages are given below.

LAYOUT

Isography

One of the most distinctive aspects of our site is that we use the same amount of text to describe the same type of content. For example, all of our members’ biographies are the same length. We call this isography, from the Greek words for equal and writing. The lengths of our different types of content, in units of 140 characters including spaces, are shown in §Content lengths. ❧ Counterintuitively, writing under a length constraint makes writing easier and the outcome better. It forces us, rather than the reader, to figure out what is essential.

LAYOUT

Content lengths

1 unit...135–141 characters

1.5 units...202–210 characters

2 units...270–280 characters

3 units...410–420 characters

4 units...550–560 characters

5 units...690–700 characters

7 units...830–840 characters

8 units...970–980 characters

1 unit...rubric, value, cost

1.5 units...journal

2 units...titlegraph, short bio

3 units...ABT summary

4 units...ritual, design rules

5 units...bio

7 units...event

8 units...space

COMPONENTS

Titlegraph

A titlegraph is a summary of an archive or collection page that is two units long (270–280 characters). The word is a portmanteau of title and paragraph. ❧ The concept came about because the short title, such as rituals or funders, is already indicated by the menu selection and gives too little context. On the other hand, a paragraph of body text gives too much. Our solution is a hybrid: two or three sentences of motivation, set apart in a larger font size. ❧ A titlegraph can link to relevant pages on our site, which is a gentle way of directing traffic.

COMPONENTS

Brief

Our newsfeed is made out of summaries of content items called briefs. A brief has five parts: a fly title, headline, rubric, pic and date. Acting together, these help the reader decide whether to click to the child page and read more. ❧ The fly title gives the overall content type. The headline involves a bit of wordplay and is short, at most 14 ems wide. The rubric summarises the content item in a single sentence that is one unit long (135–141 characters). The pic is a square image which is directly related to the content or is evocative of it.

COMPONENTS

Fly title

The fly title in the newsfeed indicates the overall type of content. In general it is restricted to papers, people, press, events, website, jobs and news. ❧ On other pages, the fly title can be a more fine-grained indicator. For instance, in our papers page, it indicates the paper’s main research area, such as gravity, number theory and statistical physics. ❧ In our people page, the fly indicates the principal occupation of the person, such as science writing or software development for staff, and string theory or machine learning for scientists.

COMPONENTS

Headline

The headline is a punchy phrase which grabs the reader’s attention. It’s short—at most 14 ems wide in medium weight Roboto—for two reasons. One is to stand in contrast with the explanatory rubric: the headline is poetry to the rubric’s prose. The other is typographical: it needs to fit across a single column in our news feed (on a desktop). ❧ Because it is always paired with the rubric, the headline can be lighthearted and often involves a play on words. Examples of well written headlines can be found in the tables of contents of Wired and The Economist.

COMPONENTS

Rubric

A rubric is a single sentence that summarises a content item. It is one unit long (135–141 characters). ❧ Rubrics are in the present tense so that they make sense before and after the fact. They do not use name prefixes or suffixes, such as Dr or FRS. ❧ Rubrics are hard to write, especially for papers, but get easier with practice. The effort is worth it—they get recycled for a variety of purposes, such as our twitter feed, posters, annual report and funding applications. Instructions for writing rubrics for different types of content are given below.

COMPONENTS

Blackboards

Blackboards play a central role at the London Institute. For some of our best papers, we illustrate the main idea on a blackboard and photograph it. These blackboard pictures are shown at the top of our home page. Each time the page is loaded a random picture is chosen, but the other pictures can be accessed through a carousel. ❧ A blackboard contains an image with a 2:1 aspect ratio and the headline of the paper it describes. The blackboard image links to the paper. ❧ We wrote an article about the art of blackboards in the science magazine Nautilus.

ARCHIVE TEMPLATES

Newsfeed archive template

Our newsfeed template is a layout for archive pages that shows both text and images. On the desktop it has five columns, each of which is 10 blocks wide (12 including the gutters). Named after the newsfeed on our landing page, this template is also used for jobs, press, people, events, funders and building. ❧ Each entry shows a fly title, optional date, headline, rubric and pic. The rubric is one unit long (135–141 characters). ❧ Because the columns are narrow, this template automatically adds word breaks at the end of the line, where necessary.

COLLECTION TEMPLATES

Script collection template

Our script template is a layout for collection pages that shows text but no images. On the desktop it has four columns, each of which is 13 blocks wide (15 including the gutters). Named after the concept of evolvable scripts introduced in The Imagination Machine, this template is used for values, rituals and design rules. ❧ Each entry shows an optional fly title, title and description. The description varies in length, from one unit for values to four units for rituals. ❧ Word breaks are automatically applied at the end of the line, where needed.

PAPERS

Papers archive page

Our papers archive page uses our two-column papers template (on a desktop). Each paper shows the pic, subject, date, headline, authors, Arxiv or journal name, and rubric. ❧ The subject indicates the paper’s high-level research area, such as gravity, number theory or statistical physics. The authors are shown as overlapping circular avatars: portraits for London Institute authors and the initials for other authors. The date is the most recent of the following dates: Arxiv submission, journal submission, journal acceptance and journal publication.

PAPERS

Papers child page

The child page for a paper shows some or all of the following, depending on its publication status: the pic, headline, subject, date, title, journal reference, authors, ABT summary, pdf link, Arxiv link, Altmetric link and Dimensions link. ❧ The journal reference changes, for example, as follows: ArXiv • Submitted • In press, Physical Review APhysical Review A 109, 12209 (2024). The last links to the journal’s listing of the paper. On publication, the pdf becomes the pdf generated by the journal. ❧ The date is the same as the one in the archive page.

PAPERS

Papers specification

Headline: 14 ems
Rubric: 1 unit
Acceptance rubric: 1 unit
ABT summary: 3 units
Pic: ≥ 600 ⨉ 600
Headline break
Tint
Subject fly
Arxiv link
ABT toggle
Journal link
Journal
Volume
Page
Year
Arxiv date
Submission date
Acceptance date
Publication date

PAPERS

Papers ABT summary

We used to show the abstract in a paper’s child page, but stopped for two reasons. First, abstracts come in different lengths and levels of difficulty. Second, they tend to focus on resolving tension rather than creating it—even though storytelling needs both. So we began writing our own summaries, which we call ABT summaries. ❧ ABT is Randy Olsen’s mnemonic for the fundamental building blocks of story: momentum (And), conflict (But) and resolution (Therefore). Our ABT summaries are three units long and in the present tense and first person plural.

PAPERS

Submitted paper brief

A paper is shown in the newsfeed three times. The first is when it is submitted to Arxiv or a journal and added to our website. ❧ The date for the brief is the date of submission. ❧ The rubric for the brief is one unit long and a single sentence, aimed at an audience at the level of a graduate student. It is in the present tense and does not use a grammatical person. We try not to use too much jargon, but some technical terms may be necessary. If possible, we try to show that tension is resolved, rather than just focusing on the technical achievement.

PAPERS

Sub. paper brief examples

Strange kinks • A new non-linear mechanical metamaterial can sustain topological solitons, robust solitary waves that may have exciting applications.

Elliptical murmurations • Certain properties of the bivariate cubic equations used to prove Fermat’s last theorem exhibit flocking patterns, machine learning reveals.

Recursive counting • Three new closed-form expressions give the number of recursive divisors and ordered factorisations, which were until now hard to compute.

PAPERS

Accepted paper brief

The second time a paper is shown in the newsfeed is when it is accepted. The brief shows the fly, headline, pic, acceptance date and, instead of the submission rubric, text similar to: Journal accepts “Title”, by Author and coauthors. We mention by name only the London Institute authors. ❧ To make the rubric one unit long, there are some tricks. “The paper” can be inserted before the paper title and “the journal” before the journal name. “And coauthors” can be replaced with “et al.” The title can be shortened by replacing some words with ellipsis marks.

PAPERS

Acc. paper brief examples

Permuting the roots • Journal of the European Mathematical Society accepts “Permuting the roots of univariate polynomials…”, by Alexander Esterov and his coauthor.

Critical Kauffman cracked • Physical Review Letters accepts “Number of attractors in the critical Kauffman model is exponential”, by Thomas Fink and Forrest Sheldon.

Spin-charge separation • Physical Review A accepts “Emergence of anyonic correlations from spin and charge dynamics in one dimension”, by Oleksandr Gamayun et al.

PAPERS

Published paper brief

The third time a paper is in the newsfeed is when it is published by the journal. This brief is the same as the one for when the paper was submitted, except the date is now the official publication date and the pic is the journal logotype—the same one used on our journals page, if the journal is included there. ❧ We tweet all three briefs for a paper. When tweeting this brief, we mention the journal’s handle, such as @PhysRevLett; if that doesn’t exist, we mention the publishing arm, such as @SpringerPhysics for the Journal of High Energy Physics.

JOURNALS

Journal collection page

Our journals collection page gives an overview of our favourite journals. We group them into those we have already published in and those we would like to but haven’t. ❧ Each entry shows the title, description and pic; and, where the fly title would normally be, the SNIP points, number of papers published per year, odds of acceptance (if known) and twitter handle. The description is 1.5 units long and the pic is the journal’s logotype. ❧ The list of journals is bottom-up rather than top-down: we add to it as and when we come across new ones that we like.

JOURNALS

Journal description

A journal description gives a feel for the journal for someone unfamiliar with it. It is 1.5 units long (200–210 characters). It explains the subject and calibre of the journal and, if space permits, relates it to other journals in the field. The description may include the founding date, the scope of research, the subtitle if there is one, and any length constraint. In describing the calibre, groundbreaking beats significant beats notable. To save space, the journal is referred to by it rather than the title, which anyway appears above the description.

JOURNALS

Journal desc. examples

Physical Review Letters • Set up by the APS in 1958, it remained the most prestigious physics journal until Nature Physics and PRX showed up, both of which publish far less. Papers can be on any subject and up to five pages long.

Nature Communications • Collecting the best of Nature’s spillover since 2010, it publishes significant advances across all of science. It is the analogue of Science Advances. Both are direct competitors of the venerable PNAS.

JOURNALS

Journal title

For each journal, we store three titles. The full title is the official name of the journal. The ISO title is the standard abbreviation used in citations. We do not use full stops, which are optional. The title is usually the same as the full title, but sometimes, if the full title is long or rarely used, the title is different from the full title. ❧ In the paper child page, we use the title. ❧ Here are some examples of a full title, title and ISO title: Proceedings of the American Mathematical Society, Proceedings of the AMS and P Am Math Soc.

RESEARCH: THEMES

Themes collection page

Our research themes describe the four main branches of research that we do. ❧ A theme contains a brief (fly title, headline, rubric, pic and date), a summary and the papers associated with the theme. The summary gives a high level overview of the theme, touching on some of the relevant research that has been done at the London Institute. ❧ Our four themes are: Mathematics that unifies; The elegant universe; Life, learning and emergence; and Theory of human enterprise. ❧ The pics for our themes are from NASA’s Visions of the Future space tourism posters.

EVENTS

Events archive page

Our events archive page shows our past and upcoming events. Each entry shows a fly title, headline, rubric, pic and date. ❧ The fly title indicates the kind of event, such as lecture, seminar or dinner. ❧ Before the event, the date of the event is preceded by coming; this is dropped on the day of the event. ❧ The pic can be an image that is evocative of the subject of the event or a portrait of the speaker. After the event, the pic is sometimes replaced with a standout photo of the event itself, which can link to a carousel of more event photos.

EVENTS

Events child page

Our events child page shows the headline, date, rubric, pic and summary, as well as the names, portraits and short bios of any speakers. ❧ The summary is seven units long (970–980 characters). The first paragraph gives background and the second explains what the speaker will talk about, typically starting In this talk or At this event. ❧ Information is at most two units long and advises on the where and when, any food and drink, and how to attend. ❧ All of the text is written in the present tense, so that it makes sense before and after the event.

EVENTS

Event brief examples

A monstrous talent • In the inaugural Simon Norton Lecture, Peter Cameron celebrates the mathematician’s life and achievements and talks about Norton algebras.

Launching HoloUK • Experts in holography, gravity and quantum systems discuss advances in our knowledge of conformal field theories and holographic complexity.

Nuclear Now • The UK premiere of Oliver Stone’s new film, Nuclear Now, takes place in the Lecture Theatre, followed by an interview with the director.

PEOPLE & JOBS

Jobs archive page

Our jobs archive page shows our current and recently filled job opportunities. It uses our five column archive template (on a desktop). Each entry shows a fly title, headline, rubric, pic and date. ❧ The fly title indicates whether the job is open or filled. The headline is the name of the job. The rubric takes on one of two forms, depending on whether the job is open or filled. The pic is of a postage stamp relevant to the job. The date is the most recent of the announcement or acceptance dates. ❧ For filled jobs, we grey out the text and image.

PEOPLE & JOBS

Jobs child page

Our jobs child page shows the headline, date, rubric, pic and description. ❧ The description has six sections: background, job, candidate, activities, London Institute and apply. All of the sections are four units long (550–560 characters) except for the apply section, which is shorter but has no fixed length. The text for the London Institute section is independent of the job. ❧ Once the job is filled, the rubric changes from the announcement rubric to the acceptance rubric and the description is greyed out. Some examples of job rubrics are shown below.

PEOPLE & JOBS

Jobs specification

Headline: 14 ems
Announce rubric: 1 unit
Accept rubric: 1 unit
Start rubric: 1 unit
Pic: ≥ 600 ⨉ 600
Background: 4 units
Job: 4 units
Candidate: 4 units
Activities: 4 units
London Institute: 4 units
Apply: < 4 units
Status switch
Announce date
Accept date
Start date

PEOPLE & JOBS

Job briefs

A job is shown in the newsfeed three times, all with the same headline—the job title. The first time is when it is announced and we start looking for candidates. The pic is of a postage stamp relevant to the job. ❧ The second time is when we accept a person for the job. The pic remains the stamp. ❧ The third time is when the person starts work. This time, the pic is a portrait of the person and the fly title changes from jobs to people. ❧ The rubrics for the three briefs are shown below. The last rubric becomes the person’s rubric in the members page.

PEOPLE & JOBS

Job posting brief examples

Chief science writer • The London Institute is hiring a full-time science writer to write about the Institute and re-imagine how to communicate physics and maths.

Assistant to the director • The London Institute is hiring an assistant to the director to help manage our scientists and staff and coordinate the Institute’s activities.

A&L Junior Fellowships • The London Institute is hiring four outstanding young physicists and mathematicians from Russia, Ukraine and Belarus to join us in 2024.

PEOPLE & JOBS

Job acceptance brief examples

Chief science writer • After an extensive search, the London Institute recruited Ananyo Bhattacharya as the chief science writer. He starts on 29 January 2024.

Assistant to the director • Working with Attic Recruitment, the London Institute recruited Justine Crean as the assistant to the director. She starts on 26 February.

A&L Junior Fellowships • The London Institute recruited mathematician Arman Sarikyan as an Arnold and Landau Junior Fellow. He starts on 1 July.

PEOPLE & JOBS

Members archive page

Our members archive page lists our employees, trustees and official visitors. It uses our newsfeed template. Each entry shows a fly title, headline, rubric and pic. ❧ The fly indicates the principal occupation of the person, such as science writing or software development for staff, and string theory or statistical physics for scientists. The headline is the person’s name and does not include prefixes or suffixes, such as Dr or FRS. The rubric is the same as the start rubric for the job of the member. The pic is a black and white portrait of the person.

PEOPLE & JOBS

Members child page

Our members child page shows the headline, rubric, pic, bio and, for scientists, research interests and a link to papers. ❧ The bio is five units long (690–700 characters) and gives the person’s position and chronologically highlights their career, optionally ending with interests outside of their profession. ❧ The short bio is two units long (270–280 characters). It is not shown in the child page but rather is used in Events when the member is a speaker at an event. ❧ Scientists have an additional one-unit description of their research interests.

PEOPLE & JOBS

Former members collection

As well as our current members, we show past London Institute members, too: former employees, trustees and official visitors. On a desktop the page uses our five column template. ❧ Each entry shows the position, name and portrait of the former member, but not their rubrics or bios. However, their rubrics and short bios remain in the newsfeed and any events they spoke at. A former member’s name on a paper link to their child page, which shows their original bio. ❧ On request, an entry can link to the former member’s current independent web page.

PEOPLE & JOBS

Member brief examples

Chief science writer • Ananyo Bhattacharya is the chief science writer at LIMS. He writes about our research and our institute in the science and mainstream press.

Assistant to the director • Justine Crean is the assistant to the director at LIMS. She helps manage our scientists and staff and coordinate the Institute’s activities.

PEOPLE & JOBS

Research interests

The research interests of a scientist are not included in the bio, but rather given in a separate single sentence that follows it. The sentence is one unit long (135–141 characters) and in the present tense. It always begins with Miss, Mrs, Mr, Dr or Prof. Smith works on…. ❧ The interests should be broad enough to encompass recent, current and possibly future research, rather than just focus on a single project. It can be updated at any point by the scientist. Some examples are given below. ❧ We do not show research interests for staff and trustees.

PEOPLE & JOBS

Research interests examples

Dr Ochirov works on the physics of celestial objects and quantum field theory, including the behaviour of elementary and composite particles.

Prof. He works on string theory, geometry and number theory, and how AI can uncover new patterns and conjectures in physics and mathematics.

Dr Burtsev works on the maths behind intelligent AI, including continual learning and memory-augmented neural networks, and AI-assisted maths.

ABOUT

Opinions child page

Opinions are essays or letters to the editor that express our point of view on an important topic, written by a member of the Institute. ❧ An opinion shows the title, publication name (if the piece is published) and date, rubric, pic, and the essay or letter itself. ❧ The publication name links to the published version. If the piece has been edited for brevity by the publisher, we sometimes show our original version on our site. The first letter of the piece is a drop cap. Opinions tend to be a few hundred to 1,000 words long, but there is no limit.

ABOUT

Building collection page

In the building section of our website, we describe each of our main spaces in the Royal Institution. A space may be a single large room or a group of related smaller rooms. ❧ A space consists of a brief (fly title, headline, rubric, pic and date) and a description. The description is eight units long (1110-1120 characters) and outlines the history of the space since the Royal Institution was founded, as well its current use by the London Institute. ❧ The pic is either an historical painting of the space or a recent photograph of it after we moved in.

ABOUT

Rituals collection page

Our rituals page is a codification of the routines and traditions of our organisation. On a desktop it uses our script template. Each item shows a fly title, title and description. ❧ The fly title is the ritual type, such as daily rituals, tools of the trade, or food and drink. Rituals are grouped together according to their type. ❧ The title is at most 20 ems long, so that it fits across a single column on a desktop. ❧ The description is four units long (550–560 characters). Paragraphs within it are separated by fleurons rather than line breaks.

ABOUT

Design rules collection page

Our design rules page is a collection of guidelines for how we organise and maintain the content on our website. On a desktop it uses our script template. Each item shows a fly title, title and description. ❧ The fly title indicates the type of design rule, such as papers or events. Design rules are grouped together by their type. ❧ The title is at most 20 ems long, so that it fits across a single column on a desktop. ❧ The description is four units long (550–560 characters). Paragraphs within it are separated by fleurons rather than line breaks.

ABOUT

Writing rules collection page

Our writing rules page is a collection of rules for how we write and lay out the text in our website, printed material and research papers. ❧ The rules are grouped into five kinds: style, phrases, words, symbols and typesetting. The guide is not exhaustive—it only contains rules of thumb that we have found useful in practice. There is no length limit for rules but we make them as concise as possible. Within each kind of rule, the rules are ordered by length. ❧ Instead of putting quote marks around examples of words and phrases, we italicise them.

ABOUT

Values collection page

Our values are the fundamental organising principles of the London Institute. They are a simplified version of our obsolete principles, which have since been divvied up into values, rituals and design rules. ❧ Our values collection page uses our four-column script template (on a desktop). ❧ A value contains a short title and a description that is one unit long (135–141 characters). The description is a statement about our actions in the present tense. ❧ Some of our values link to longer opinion pieces that we have written on our website or for the press.

ABOUT

Press brief

We add a press brief to our newsfeed any time we say something significant in the press, or when the press reports on us or our work. ❧ The pic is the black and white logotype of the relevant periodical; examples can be seen in our press page. Because of this, in general we don’t mention the periodical in the rubric. An exception is when the piece is in a notable section of the periodical, such as The Thunderer column in The Times. ❧ If one of our research papers is reported on, we refer to the paper using its headline rather than the paper’s full title.

ABOUT

Press brief examples

Science goes pro • Professional sport has a lot to teach scientists about pushing the limits of human achievement—so why are we still content to be amateurs?

A Birch for AI’s back • In Nature correspondence, our scientists argue that, by the terms of “the Birch test”, no AI has yet made a genuine mathematical discovery.

The art of blackboards • In a piece in Nautilus, our scientists talk about why they prefer the 1,000-year-old technology of blackboards to their digital equivalents.

FUNDERS

Funders collection page

Our funders collection page gives an overview of our major funding sources. Each entry shows the name, rubric and pic. ❧ The name can include abbreviations or acronyms if that is how the funder is widely known. With the exception of anonymous funders, the rubric describes the funder, not what the funding is for. The rubric also unpacks any acronyms used in the name. The pic is the funder’s logo or logotype. ❧ Funders are ordered alphabetically by name. In 2024, they will have a fly title indicating the type of funding given, such as grants or gifts.

FUNDERS

Funders examples

DARPA • The U.S. Defense Advanced Research Projects Agency makes pivotal investments in breakthrough technologies that benefit national security.

Horizon 2020 • Horizon 2020 was created by the European Commission to fund scientific research and innovation across Europe and other member countries.

BCG Henderson Institute • The BCG Henderson Institute applies insights from academic disciplines to the strategic challenges facing business, government and society.

FUNDERS

Partners collection page

Despite its size, the London Institute has a global reach. Our partners collection page lists the universities and research institutes with which we have had joint research grants from one of our funders. ❧ Each entry shows the name, a pic and the country in which it is located. The pic is the organisation’s logo or logotype. ❧ Partners are ordered first by country, in which countries with more partners take precedent (but the UK comes first regardless), then alphabetically within a country. The text and pic for each partner link to its website.