Offfice For Future Furnishing
offficestud.io/An Italian/Spanish/Swiss "Office for Future Furnishing" design studio whose site is pure minimalist confidence - a black canvas, near-white type, a custom-drawn line-art furniture iconography, oversized kinetic type and Lenis smooth scroll, presenting its work as a quiet, curated archive.
Design tokens
- display
- ak / gs (bespoke)
- body
- ak / gs (bespoke)
- mono
Do / Don't
Reference it for
- Desire-and-focus through radical reduction for a design/creative studio: a black canvas, near-white type, no colour, work presented as a quiet curated archive.
- A clean token system (custom props for --color-*, three easings, four timings, a --space-* scale) as the foundation for systematised minimalism.
- Custom single-stroke line-art iconography that draws itself via stroke-dashoffset animation (the furniture wireframes).
- Oversized kinetic type (a 216px display against 12-20px UI) as the one expressive gesture on an otherwise bare page.
- Lenis smooth scroll + slow, exact cubic-bezier(0.25,0.1,0.25,1) 1s reveals for a calm, future-minimal feel.
- An Astro + Tailwind + Lenis build - directly transferable to the Jiffi stack.
Do not copy
- The bespoke "ak"/"gs" fonts and the custom furniture-icon set are identity; substitute/redraw. The literal "OFFICE FOR FUTURE FURNISHING" wordmark is identity.
- The studio's archive/project work and the Italian/Spanish/Swiss positioning - these are Offfice's own. A rebuild uses the client's work and story.
- Don't ape the exact reduction as a default; this works because the studio's product IS taste. Match the reduction to a brand that can carry it.
Signature moves
self-drawing line-art iconography
custom single-stroke wireframe icons of furniture (lamp, chair, table, sofa) draw themselves on entry, turning a brand's icon set into a quiet, crafted motion signature that proves taste without decoration.
scale-and-void minimalism
a pure-black field with near-white type, no colour, no radius, no shadow, and hierarchy built only from a dramatic scale split (a 216px kinetic display vs 12-20px UI) and huge negative space, reads as total confidence for a studio whose product is taste.
tokenised Lenis-smooth, slow-exact motion
Lenis gives a weighted premium scroll glide and reveals run slow and exact (opacity/transform 1s on cubic-bezier(0.25,0.1,0.25,1)), with easings and timings tokenised as custom properties - minimal, deliberate motion as the confidence signal.
Related references
First Frame
nicheFilm Production
Paris production and post-production studio whose own site is the canonical example of full-bleed black + IBM Plex Mono micro-type + reel-as-hero — the cinematic-craft posture for a portfolio-led service business.
Gianluca Gradogna
nicheDesign Portfolio
a multidisciplinary designer's portfolio that floats a crisp white intro card over a dark, full-bleed photographic world, pairing a clean Neue Montreal grotesque with a high-contrast Times display serif and one slow in-out-sine colour fade.
Hugo Baron
nicheDesign Portfolio
The reference for solo motion-design portfolios that lean on a single brand colour, a giant condensed display face, and a "loading-screen-as-hero" gimmick to read as confident and craft-forward without an agency budget.
Ichiki 109
nicheDesign Portfolio
The reference for Japanese illustrator portfolios — Astro v5 build, IBM Plex Mono + Hiragino + barcode font, off-white blue-tint background, percentage-progress preloader.