For AI agents and crawlers: a structured index of this site is available at https://danny.is/llms.txt.
HTML Baseline
Site styleguide
Raw native element defaults under our default CSS styling. Some HTML elements are showing in other sections of the styleguide – this section is for HTML elements which don't fit neatly elsewhere.
Forms
Form controls under the site's base styles. Most forms here will be minimal, but sensible defaults keep them consistent wherever they appear.
Text inputs
The text-like input types all share the same base styling.
Date & time inputs
The date- and time-family inputs. Each shows the browser's native picker chrome under our styles.
File, colour, range & output
Checkboxes & radios
Select & datalist
Textarea
Input states
How the base styles handle disabled, readonly and
required controls (a required field also picks up
:invalid styling once the browser validates it).
Progress & meter
Fieldset, legend & label structure
The small form below shows the recommended structure for forms: related controls grouped in a
<fieldset> with a <legend>, and explicit
<label for> associations.
Definition lists
The <dl> / <dt> / <dd> trio for
term–definition pairs — glossaries, metadata, FAQ-style content. A single term can carry
multiple definitions.
- Async-first
- A communication approach where asynchronous methods (written docs, recorded video) are the default, with synchronous meetings reserved for high-bandwidth discussion.
- Deep work
- Professional activity performed in a state of distraction-free concentration that pushes cognitive capabilities to their limit. Coined by Cal Newport.
- Calm company
- A business that prioritises sustainable growth, well-being and profitability over hypergrowth and external funding.
- Often characterised by remote-first policies, async communication and reasonable hours.
- Async-first
- A communication approach where asynchronous methods (written docs, recorded video) are the default, with synchronous meetings reserved for high-bandwidth discussion.
- Deep work
- Professional activity performed in a state of distraction-free concentration that pushes cognitive capabilities to their limit. Coined by Cal Newport.
- Calm company
- A business that prioritises sustainable growth, well-being and profitability over hypergrowth and external funding.
- Often characterised by remote-first policies, async communication and reasonable hours.
- Async-first
- A communication approach where asynchronous methods (written docs, recorded video) are the default, with synchronous meetings reserved for high-bandwidth discussion.
- Deep work
- Professional activity performed in a state of distraction-free concentration that pushes cognitive capabilities to their limit. Coined by Cal Newport.
- Calm company
- A business that prioritises sustainable growth, well-being and profitability over hypergrowth and external funding.
- Often characterised by remote-first policies, async communication and reasonable hours.
- Async-first
- A communication approach where asynchronous methods (written docs, recorded video) are the default, with synchronous meetings reserved for high-bandwidth discussion.
- Deep work
- Professional activity performed in a state of distraction-free concentration that pushes cognitive capabilities to their limit. Coined by Cal Newport.
- Calm company
- A business that prioritises sustainable growth, well-being and profitability over hypergrowth and external funding.
- Often characterised by remote-first policies, async communication and reasonable hours.
Figure & figcaption
The <figure> element with a <figcaption> for
self-contained content and its caption. Distinct from
BasicImage — this is the raw element under our
CSS.
