CampusPulse Playful Pastel Social Feed
A playful neo-brutalist design system named 'CampusPulse' featuring a pastel palette, thick black borders, and hard shadows. Optimized for Gen-Z social apps, campus communities, and vibrant lifestyle platforms. It uses heavy typography (Cabinet Grotesk) and rounded, high-contrast UI elements to create a high-energy, tactile interface. Suitable for mobile-first social feeds, matchmaking services, and event organization apps.
Summary
CampusPulse is a vibrant, neo-brutalist style guide that blends soft pastel colors with aggressive 2px black borders and 4px solid drop shadows. The aesthetic is defined by 'squircle' containers, playful emojis, and bold, italicized headings. It emphasizes interactivity through micro-translations and tactile button states.
Style
The style is a 'Soft-Brutalist' hybrid. Typography pairings include Cabinet Grotesk (extrabold/black) for headings and Satoshi for legible body text. The color palette consists of four primary pastels: Lavender (#E8E4F3), Pink (#FF69B4), Mint (#98FF98), and Peach (#FFBC99), all grounded by pure Black (#000000) for structural elements. Key visual markers include 2px solid borders, 4px hard shadows (no blur), and corner radii ranging from 16px to 40px (2.5rem).
Layout & Structure
Mobile-safe vertical layout with a fixed header and footer. Content is organized into modular sections: a split-hero grid, horizontal scrollable categories, and a vertical activity feed.
Header
Hero Interaction Hub
Category Row
Social Feed Cards
Fixed Bottom Navigation
Components
Activity Invitation Card
A nested component for events or recruitment.
Bold Shadow Button
The primary interaction unit of the system.