The Explorimentalist

A brutalist + glassmorphism blog built with Next.js 14, TypeScript, Tailwind CSS, and ShadCN UI.

Getting Started

npm install
npm run dev

Open http://localhost:3000 with your browser to see the result.

Tech Stack

• Framework: Next.js 14 with App Router
• Styling: Tailwind CSS with custom brutalist + glassmorphism theme
• Components: ShadCN UI
• TypeScript: Full type safety
• Deployment: Netlify with static export

Design Philosophy

Combines two opposing aesthetics:

• Brutalism: Raw, honest, structural typography and layouts
• Glassmorphism: Ethereal, translucent, layered visual effects

Development Commands

npm run dev        # Start development server
npm run build      # Build for production
npm run start      # Start production server
npm run lint       # Run ESLint
npm run type-check # Run TypeScript compiler check

Project Structure

explorimentalist/
├── app/                 # Next.js App Router pages
├── components/          # React components
│   ├── ui/             # ShadCN UI components
│   └── custom/         # Custom components
├── lib/                # Utility functions
├── content/            # CMS-managed content
├── public/             # Static assets
├── docs/               # Project documentation
└── styles/             # Global styles

Color Palette

• Base: Black (#000000), White (#FFFFFF), Gray scale
• Accents: Orange (#FF522A), Green (#2BB673), Purple (#8642F4)
• Glass: Various rgba values for transparency effects