Design with intention

Interior design tools and portfolio by a front-end engineer exploring the intersection of technology and spatial design.

Typography Showcase

This is body text set in Inter Variable with generous 1.7 line height. The design system features a warm gray palette with subtle beige undertones, creating an organic and welcoming feel. Links shift to orange on hover with a smooth underline reveal animation.

Third-level heading

All headings use Libre Baskerville serif for a luxury editorial quality. The moderate type scale (1.25 ratio) creates clear hierarchy without being too aggressive - balanced proportions for a professional portfolio feel.

Fourth-level heading

Vertical spacing between sections provides comfortable breathing room. Content is constrained to 70ch for optimal readability. The focus indicators meet WCAG AAA standards with 2px thickness.

Fifth-level heading

Transitions are smooth at 250ms with ease-in-out easing for polished, intentional motion. The system respects prefers-reduced-motion for accessibility.

Sixth-level heading

The complete design system foundation is now ready for content pages in Phase 3.