A single-page website for 2U4U Studio, an independent digital, creative, and web studio based in Los Angeles.
First, install the dependencies:
npm installThen, add your font files to the public/fonts/ directory. The project expects:
SFProText-Regular.woff2(or.woff,.otf)SFProText-Medium.woff2(or.woff,.otf)
If you have different font files, update the @font-face declarations in app/globals.css.
Run the development server:
npm run devOpen http://localhost:3000 with your browser to see the result.
- Text color:
#5D75E0 - Background:
#EAEAEA - Font size: 15px
- Font: SF Pro Text (Regular and Medium)
app/- Next.js app directorypage.tsx- Main page componentlayout.tsx- Root layoutglobals.css- Global styles and font definitionspage.module.css- Page-specific styles
public/fonts/- Font files directory