AppleのLPで使われているフォントは？

SF Pro Text / SF Pro Display / SF Pro JP

AppleのLPの主要カラーは？

背景 #ffffff / テキスト #1d1d1f / アクセント #333336

AppleのLPのh1見出しのスペックは？

SF Pro Text / 34px / weight 600 / line 50px / tracking -0.374px

AppleのLPのセクション余白は？

主要セクション上下余白 17px / 37px

このデザインを再現するAIプロンプトは？

Apple風プレミアム製品LPを作って。フォントはSF Pro全面（fallback: -apple-system, Helvetica Neue）。色は黒白グレーのモノクローム、製品色だけアクセント。各セクションは画面いっぱいの巨大な製品写真 + 大きなh2 + 短いコピー2-3行。ボタンは青のテキストリンク…

Mohammed Yousuf のWebデザイン

Frontend engineer focused on production UI, performance, and design fidelity. 5+ years shipping Vue, Nuxt, and TypeScript work for startups and enterprise teams.

▶ DRIVE Skip to content ➜ system_boot --init-portfolio --user=mhd.yousuf FRONTEND_ENGINEER Mohammed Yousuf Mohammed Yousuf Mohammed Yousuf // mission_statement Production interfaces that stay fast, consistent, and faithful to design. I own the UI path from structure to release. ➜ Stack and tooling? Enterprise / scale? Taking new work? scroll_to_continue ➜ SELECTED_WORK --limit=3 [June 2024] Leah Developer Building enterprise interfaces for AI-powered legal tech Vue.js TypeScript Enterprise [July 2022] Nathan Digital (Nathan & Nathan) Software Developer Led frontend for 4 major client projects across the UAE Nuxt.js Next.js GSAP [July 2021] Accubits Technologies Inc. Software Engineer Cross-platform development for international trading platform React.js React Native view_all_work ➜ FEATURED_PRODUCT --highlight=gealo --status=flagship 0xFA1A 0xC0DE 0x0042 DEPLOYED · gealo.app // FLAGSHIP Gealo // operations console Multi-tenant workforce and project operations console. Tenants own billing. Projects (workspaces) own the work. Nuxt 3, NestJS, Postgres, Mongo, Redis, S3. Tasks, chat, meetings, HR, documents, GitHub, AI, and billing. One permission model across all of it. Nuxt 3 NestJS Postgres Multi-tenant Real-time ENTER_CONSOLE view_product | read_case_study ➜ ALSO_SHIPPING --previously_featured LIVE OurVows Event pages from templates, guest RSVP, host dashboard. view_product explore_all_products ➜ CORE_CAPABILITIES --modules=4 [01] MODULE_01 Frontend Architecture Scalable component systems in Vue, React, and Nuxt [02] MODULE_02 UI Engineering Pixel-precise implementation from Figma to production [03] MODULE_03 Performance Lighthouse 95+, code splitting, lazy loading, Core Web Vitals [04] MODULE_04 Cross-Platform Web and mobile experiences with React Native ➜ capabilities_loaded: 4 // status: operational ➜ TESTIMONIALS --source=verified " I am pleased to offer my highest recommendation for Mohammed Yousuf. Having collaborated closely with You