Colophon
How this site is made.
Type
One family, the one the console uses: IBM Plex. IBM Plex Sans Condensed 600 for headings, IBM Plex Sans for text, and IBM Plex Mono only for values a machine produced or a person types. The fonts are served from this site.
Colour
Neutral is normal. Colour appears only where it means something.
| Name | Light | Dark | Used for |
|---|---|---|---|
| Paper | #FFFFFF | #161C24 | The page |
| Wash | #EEF1F4 | #1B222C | The second ground: bands, table hover |
| Ink | #0E1116 | #E8ECF2 | Text and the wordmark |
| Signal | #0397B0 | #2BD4E6 | The logo’s D and packet. Cells and marks only, not text |
| Board | #10151C | #10151C | Code and the run band; the app icon’s ground |
The logo opening
The mark is a D drawn in 40 square cells with one packet, by Hummatovic. The first page you open in a browser session plays its opening once; any click, key or scroll skips it, and it does not play if you prefer reduced motion. After that, nothing on the site moves by itself.
- 0 to 1600 ms
- One eased lap of the packet around the D; each cell brightens in four steps 96 ms apart as the packet passes.
- 1600 to 1800 ms
- Hold.
- 1800 to 2360 ms
- The packet types “Douklar”, 80 ms per letter.
- 2480 to 2960 ms
- The logo glides into the header in 480 ms while the page fades in.
How it is built
- Static pages, generated with Next.js and served by Cloudflare. No server code runs when you open a page.
- No cookies, no analytics and no tracking scripts. Three small preferences stay in your browser; the privacy page lists them.
- Every screenshot is the real Douklar console with sample data. Every command is one the docs describe.
- The docs are also plain Markdown: each docs page links its Markdown file, and llms.txt maps the site for assistants.
- Press ? on a keyboard for the shortcuts.