A thinking and making partner
ChatGPT
Bring a question, a rough idea or useful context. ChatGPT can help you explore it, shape an answer and improve the result through conversation.
THE DESIGN SYSTEM
One language. Many possibilities.
A small, reusable collection of colours, type and components. Built on atomic design, with clear meaning and simple interactions.
FOUNDATIONS
Colour with a purpose.
Warm paper for reading. Ink for clarity. Lavender and lime for moments of possibility.
- Paper
#F8F7F3 - Ink
#20211E - Lavender
#E4DEF5 - Lime
#DEEEA8
ATOMS
The smallest useful pieces.
Type that makes room for the idea.
Readable body text supports the main message. A restrained mono style marks labels and small details. Headings use a familiar system font with confident spacing.
MOLECULES & ORGANISMS
Simple parts. Useful patterns.
A coding agent for real projects
Codex
Codex works with software projects and developer tools. Describe the outcome you want, give it the right project context, then inspect the changes and test results.
An agent that can keep work moving
Dots
Give a dot context and a clear outcome. It can keep working in the cloud across tasks and reach out when it has something to show or needs your input.
Turn rough notes into a clear email
Shape a few hurried notes into a warm, direct message without adding promises you did not make.
See the example
A prompt to try
Turn these notes into a friendly, concise email to a colleague. Keep the tone calm, include the Tuesday deadline, and do not promise that the work is finished: [paste notes]. Give me a subject line too.
What you could create
A short subject line and a draft email organised around the request, the Tuesday deadline and the next step. The draft keeps the status honest and leaves a clear place to add any missing detail.
Make it your own
- Paste the notes
- Name the audience and tone
- State facts the draft must preserve
- Check the final message before sending
Start research with traceable sources
Build a first-pass comparison from current material and make gaps visible instead of hiding them.
See the example
A prompt to try
Compare the current guidance from these three organisations on home insulation grants. Use recent primary sources, cite each key claim, make a table of eligibility and dates, and list anything you could not verify: [links].
What you could create
A structured table with source links, differences in eligibility, relevant dates and a short list of unanswered questions to verify with the organisations.
Make it your own
- Provide a specific question
- Ask for primary sources and dates
- Request citations beside major claims
- Open the sources and verify the details
INTERACTION PRINCIPLES
Predictable. Comfortable. Clear.
- Navigation you can control. Collapse the desktop sidebar or open the mobile drawer. Escape closes the drawer and returns focus to its button.
- Motion with restraint. Small transitions make state changes legible. Reduced-motion preferences remove decorative movement.
- Native elements first. Buttons act. Links navigate. Selects filter. Details disclose examples.
- Logic has its own home. Feature hooks manage interaction. Presentational components focus on the interface.