colophon · how this page is made
Colophon
This site is a portfolio and a working notebook at the same time. Everything on it is built from source, and the source is the thing I am showing you. What follows is the whole recipe.
Type
- Display
- Space Grotesk, variable. The headline is the largest paint on every page, so its file is preloaded.
- Mono
- JetBrains Mono, variable. Labels, counts, the terminal line, and anything that is data rather than prose.
- Serving
- Both fonts are served from this domain (Fontsource). Nothing is fetched from a font CDN.
Build
- Generator
- Astro 4, fully static. Two languages: English at the root, Spanish under /es/. Each page is a real file with its own URL.
- Styling
- Tailwind 3.4 over a handful of CSS custom properties. Dark first; light is the inverse, not an afterthought.
- Content
- Projects and skills are content collections. A project may only name a skill that exists; a typo fails the build instead of publishing a lie.
- Scripts
- One small module per behaviour (filters, the view switch, the header). No framework in the browser. Without JavaScript every page still reads in full.
Motion
- Vocabulary
- Five moves, defined once: press (scale 0.98, spring), lift (2 px), one entrance stagger per page (at most 8 items, 40 ms apart), a 120 ms focus ring, and three signatures: the monogram drawing itself, the palette ring turning, the proof numbers counting up once.
- Reduced motion
- Under prefers-reduced-motion every one of them is off. Videos never autoplay.
Colour
- Accent
- A desaturated teal, #2DD4BF on dark and #0D9488 on light, chosen for contrast before taste.
- Palettes
- The atelier (Shift+A) repaints the page with palettes extracted from public-domain paintings. Every pair is checked for WCAG AA before it ships; individual attribution is being added palette by palette.
Hosting and privacy
- Host
- Hostinger, static files. Every push to the main branch rebuilds and deploys the site; there is no manual upload step.
- Tracking
- None. No analytics, no cookies, no third-party requests. Your theme and a couple of layout preferences stay in your own browser.
- Verification
- Each deploy is checked with a build, a type check, an internal link check and a screenshot pass at 1440 and 390 px. The reports live with the code.
Author and licence
- Author
- Yoichi Palacios Tanaka, working as IchiSieben (iC7). Lima, remote.
- Code
- Apache-2.0. The repository will be public once its secrets audit is done.
- Text and images
- © 2026 IchiSieben. Project screenshots and clips are mine; artworks behind the palettes are public domain.
- Also
- humans.txt is at /humans.txt. This page was built on 2026-09-24.