sveltekit_vercel Svelte Themes

Sveltekit_vercel

Austin Sternberg - Portfolio Site

šŸŽØ Design

This site features a beautiful Frutiger Aero aesthetic with:

  • Glassmorphism effects with translucent cards and buttons
  • Sky blue gradient backgrounds creating an airy atmosphere
  • Floating organic shapes and smooth animations
  • Sparkle effects and interactive hover states
  • Modern Inter typography with gradient text effects

šŸš€ Technologies

  • Svelte - Modern reactive framework
  • Vite - Fast build tool and dev server
  • Tailwind CSS - Utility-first CSS framework
  • Vercel - Deployment platform

šŸ“ Project Structure

ā”œā”€ā”€ src/
│   ā”œā”€ā”€ App.svelte          # Main component with portfolio links
│   ā”œā”€ā”€ app.css             # Frutiger Aero styling & animations
│   └── main.js             # Application entry point
ā”œā”€ā”€ public/
│   ā”œā”€ā”€ *.png               # Logo assets
│   ā”œā”€ā”€ *.svg               # SVG icons and organic shapes
│   └── organic-blob*.svg   # Custom floating elements
└── package.json

šŸ› ļø Development


# Install dependencies
npm install

# Start development server
npm run dev
# or
npx vite

# Build for production
npm run build

šŸŽÆ Features

  • Responsive Design - Works on all device sizes
  • Glassmorphism UI - Modern frosted glass effects
  • Smooth Animations - Floating elements and hover effects
  • Interactive Elements - Glowing buttons and logo animations
  • Organic Shapes - Custom SVG blobs for atmospheric design
  • Performance Optimized - Fast loading with Vite

🌟 About

Portfolio site showcasing my work and involvement in various tech organizations at Kent State University, designed with a beautiful Frutiger Aero aesthetic featuring glassmorphism effects and organic animations.

Top categories

Loading Svelte Themes