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 ten paintings from The Met Open Access, all public domain, each credited and linked to its record. The colours are extracted from the image itself, and every pair is checked for WCAG AA before it ships.
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-10-17.