arrow_backRETURN_TO_PROJECT_LOGS
// PROJECT_METADATA

yanotoma.com

calendar_today
open_in_newyanotoma.com →
AstroTailwindCSS v4TypeScriptNetlify

A high-performance personal developer portfolio and CV website featuring a custom Cyber-Sophisticate terminal layout and optimized page metadata.

yanotoma.com is the developer portfolio and professional resume site built for Akira Yano. Designed around a Cyber-Sophisticate design language (a blend of Switzerland typographic alignment and retro terminal styling), the site acts as an interactive CV and the navigation hub to all sub-domain systems.


🎨 Visual Philosophy & Layouts

1. Cyber-Sophisticate Design Language

  • Employs a dark cybernetic user interface featuring neon highlights, custom glassmorphic cards, and retro scanline animations.
  • Typographic hierarchy powered by Geist for headlines, Inter for readable CV copy, and JetBrains Mono for code tags and terminals.

2. Scalable Skill Matrices

  • Renders key technical competencies (Front-end, Back-end, Infrastructure, Soft Skills) dynamically from reactive matrix schemas.

3. Integrated Compliance & Accessibility

  • Features custom accessible HTML structures, high color contrast, and automated keyboard navigation indicators.
  • Embedded legal pages and cookies declarations to ensure 100% compatibility with advertising platforms like Google AdSense.

🛠️ Technical Stack & Build Details

⚡ Clean static Generation

  • Framework: Built on Astro utilizing the latest static routing and content generation capabilities.
  • Styling: Structured on Tailwind CSS v4 featuring custom keyframes, color variables, and typography definitions within a unified @theme stylesheet.

🌐 Edge Deployment & Caching

  • Hosting: Deployed and served at the edge using Netlify, with automatic production builds triggered by repository commits.
  • Optimization: Compiles in under 2 seconds with optimized assets, zero-bundle footprint for static pages, and standard SEO optimizations.