How this site is made.
For people who look at the details.
Typefaces, colours, photos and tools, with their licences.
The name.
In Japanese sumi means ink, the kind ground on a stone before writing; post is mail. The logo is just the name, set in Inter Tight in shu red: no symbol beside it.
The system.
The design is Ardesia Web, the website's system. It's the sibling of Ardesia, the app's system: same colours with the same names, same typefaces, same shapes. The volume changes: the website speaks up, the app speaks softly.
The details.
For people who look closely. Press G and the grid the site is laid out on appears: the margins, the ruler column, twelve columns and the 8-pixel step. The rulers under the headings measure the cursor, the red full stop falls like a drop, the word at the bottom of the page gains weight where you pass. Click a colour below to copy it.
Typefaces.
| Typeface | Use | Authors | Licence |
|---|---|---|---|
| Inter Tight | Headings and numbers | The Inter Project Authors | SIL Open Font License 1.1 · text |
| Inter | Body text | The Inter Project Authors | SIL Open Font License 1.1 · text |
| IBM Plex Mono | Eyebrows, labels, buttons and code | IBM Corp. | SIL Open Font License 1.1 · text |
| Bodoni Moda, Manrope, Cormorant Garamond, Playfair Display | Only in the sample brands' emails | Their respective Project Authors | SIL Open Font License 1.1 · bodoni-moda, manrope, cormorant-garamond, playfair-display |
The typefaces are hosted on this site, in their Latin subsets: no requests to third-party services. They come from the Fontsource 5.3.0 packages, which repackage the files published on Google Fonts (licences checked on 2 November 2026).
Three colours have a job.
- --shu
Acts
The brand's red colours the one main action of a section.
- --ardesia
Chooses
Marks what is selected: the chosen brand, the view, the segment.
- --limone
Says where you are
The open page in the menu, the lit notch on the ruler.
All the colours, Night and Paper
- ground
#14161C · #F3F3F5 - dot
#2E3240 · #D5D8E0 - surface
#1E212A · #FFFFFF - surface-muted
#262A35 · #F6F7F9 - placeholder
#2B2F3B · #EEF0F4 - line
#343947 · #E2E4EA - line-soft
#2B2F3B · #E9EBF1 - line-strong
#4A5063 · #A9AEC0 - ink
#F1F2F5 · #15171F - text
#CDD1DC · #3F4560 - display
#C3C8D6 · #4A5170 - text-muted
#9CA2B4 · #6A7083 - icon-muted
#5E6476 · #A9AEC0 - shu
#C8391B · #C8391B - on-shu
#FFFFFF · #FFFFFF - shu-vivo
#F0583A · #C8391B - ardesia
#B9BED0 · #5F667F - on-ardesia
#15171F · #FFFFFF - limone
#E4E06A · #EEEB72 - on-limone
#15171F · #15171F - limone-soft
#45431F · #F8F7C9 - inverse
#F1F2F5 · #1B1E29 - on-inverse
#15171F · #FFFFFF - success
#6FBF96 · #2F6E52 - error
#FF9DB0 · #9E1C3A - focus
#B9BED0 · #5F667F - scrim
rgba(14,16,21,0.65) · rgba(14,16,21,0.55)
Each colour has two values: on the left Night, the site's home theme; on the right Paper, the theme of the light sections. The same 27 colours, with the same names, are the app's.
The photos are AI-generated.
The photos on this site are generated with artificial intelligence, using the image tool in OpenAI's Codex, on 2 November 2026, from directions we wrote: paper and ink, indigo paper flowers, black and white portraits. The portraits are roles, not people on our team, and they don't exist. We choose, discard and crop them by hand, and we say so next to each one (Art. 50 of the AI Act). No puppets, no mascots.
The photos of the sample brands (Fumaria, Studio Lume, Cantina Vespri, Brezza) are made with the same tool: people and places that don't exist. The three photos of Fumaria, an artisan perfumery we invented, are from 2 November 2026. The screens, on the other hand, come from the real app.
The tools.
Hand-written HTML, CSS and a little JavaScript, generated into static pages by a small Node program. No framework, no cookies, no analytics. Without JavaScript every page stays complete.