PULSE Fitness Intelligence Design System and UI/UX Breakdown

PULSE Fitness Intelligence Design System and UI/UX BreakdownPULSE Fitness Intelligence Design System and UI/UX Breakdown

The network for creativity

Join 1.25M professional creatives like you

Connect with clients, get discovered, and run your business 100% commission-free

Creatives on Contra have earned over $150M and we are just getting started

Back to feedPost

Rikunj Parmar

• 13h

PULSE — Fitness Intelligence Design System & Full UI Breakdown ⚡📊

Complete end-to-end design ecosystem for PULSE, an AI-driven athletic recovery and fitness intelligence platform. This overview highlights the design tokens, dark-mode ergonomics, typography hierarchy, feature breakdown, and responsive mobile architecture

Design System & Layout Highlights:

🎨 Color Palette Tokens: Night Black (#0C0E0E), Electric Lime (#CCFF00), Cyan (#33D3FF), Hot Pink (#F73388), and Steel Grey (#9CA7B2).

🔤 Typography System: High-impact display font for condensed headlines and clean sans for readable health telemetry.

🏋️‍♂️ "Built for Athletes" Modules: Readiness tracking, adaptive workout planning, and heart rate variability (HRV) recovery cards.

📱 Mobile UI Adaptability: Responsive layout built for quick on-the-go biometric checking and workout logging.

Designed for high-performance sports brands, bio-metric tech platforms, and smart wear ecosystem products.

An end-to-end UI/UX architecture designed for modern health-tech platforms. ⚡💪 Let me know your thoughts on this design system below! 👇

#UIUX #DesignSystem #HealthTech #Figma #MobileUX #FitnessDesign #DarkUI #WebDesign #UXCaseStudy

Mobile Design UX Design Adobe Photoshop Figma Design Systems

Jahid Hasan Raju

• Oct 10

Social Media Concept Design for Seed

Completed work

Graphic Design Social Media Management Social Media Strategy Adobe Photoshop ChatGPT Figma

Nagaraj M

pro

• Oct 10

Great concept

Precious Ikechukwu

• Oct 9

Check it out

Adobe Photoshop Canva Kajabi

Alice Maryjane

• Oct 12

Beautiful work. The details really make this stand out.

Rahman Rahe

• Oct 10

Merge — AI-Powered Business Intelligence SaaS Landing Page Design

Businesses often struggle with disconnected tools, scattered data, and complicated workflows. When important information lives across multiple platforms, teams waste time switching between tools instead of focusing on growth.

For Merge, I designed a modern SaaS landing page concept that presents business intelligence, unified integrations, and workflow automation through a clear and engaging user experience.

The goal: Create a landing page that communicates product value quickly, builds trust, and helps potential customers understand how the platform fits into their workflow.

Design focus

Clear value proposition and messaging

Strong visual hierarchy and conversion-focused CTAs

Dashboard UI to demonstrate product capabilities

Feature sections that simplify complex functionality

Consistent design language across the entire page

A SaaS website should do more than look attractive. It should help the right customers understand the product, recognize its value, and feel confident taking action.