Founderpath Design System

A comprehensive collection of reusable UI components for the Founderpath platform

Accordion

Collapsible content sections

Badge

Small status and category indicators

primary
blue
blueLight
brand
green
yellow
red
orange
gray
teal
lightTeal
purple
Custom
Button

Interactive buttons with multiple variants and states

Button Variants

Button States

Custom Styling

Card

Flexible content containers

Sample Card

This is a card description

Card content goes here

Another Card

With different content

More card content

Input

Form input fields with labels, validation, and multiple sizes

Input Sizes

Small

Default

Large

Input Types

Text

Email

Password

Number

Phone

URL

Input States

Normal

Disabled

With Error

This field is required

Without Labels

LoadingState

Full-screen loading indicator with Founderpath branding

Founderpath LogoLoading State
Note: This component typically takes full screen height in actual usage
Select

Dropdown selection components

Basic Select

With Placeholder

Tabs

Navigation tabs with responsive mobile select

Standard Tabs

Borderless Tabs

Text

Typography components with various styles and weights

heading-md

Sample text using heading-md variant

heading-sm

Sample text using heading-sm variant

subheading-lg

Sample text using subheading-lg variant

subheading-md

Sample text using subheading-md variant

subheading-sm
Sample text using subheading-sm variant
body-lg/600

Sample text using body-lg/600 variant

body-lg/500

Sample text using body-lg/500 variant

body-lg/400

Sample text using body-lg/400 variant

body-md/600

Sample text using body-md/600 variant

body-md/500

Sample text using body-md/500 variant

body-md/400

Sample text using body-md/400 variant

body-sm/600

Sample text using body-sm/600 variant

body-sm/500

Sample text using body-sm/500 variant

body-sm/400

Sample text using body-sm/400 variant

caption/600Sample text using caption/600 variant
caption/500Sample text using caption/500 variant
caption/400Sample text using caption/400 variant
dataSample text using data variant
muted

This is muted text

Textarea

Multi-line text input fields with labels, validation, and sizing options

Textarea Sizes

Small

Default

Large

Textarea States

Normal

Disabled

With Error

This field is required

Different Row Heights

Short (2 rows)

Medium (6 rows)

Large (10 rows)

Without Label

UserAvatar

User profile images with fallback icons in multiple sizes

Avatar Sizes

xs
sm
md
lg
xl
2xl

With Profile Images

Profile 1
With image
Fallback icon

Large Avatars

Large Profile
Layout Components

Structural components for page layout including navigation, footer, and content sections

Navbar

Global navigation with responsive mobile menu, authentication state, and announcement banner. Includes Growth Playbooks, Courses, Blog, and About Us links.

Props:
  • showBanner?: boolean - Toggle announcement banner
  • medium?: string - Marketing tracking parameter
  • campaign?: string - Campaign tracking parameter
  • className?: string - Additional CSS classes

FaqSection

Pre-built FAQ section with common questions about Founderpath. Fully self-contained with responsive styling and max-width container.

Frequently Asked Questions

Props:

No props - self-contained component

Application Screens

Real-world usage patterns from the Founderpath application

Analytics Dashboard with metrics, charts, and sidebar navigation

Analytics Dashboard

Components: Card, Text, Badge, Charts, Sidebar
AI Chatbot interface with message history and input field

AI Chatbot Interface

Components: Card, Text, Input, Button, UserAvatar
Data Room for secure document management and file sharing

Data Room

Components: Card, Text, Button, Badge, Table
Integrations marketplace showing third-party service connections

Integrations Marketplace

Components: Card, Text, Badge, Button, Search
Modal pattern with file upload interface and drag-and-drop

File Upload Modal

Components: Modal, Button, Input, Card, Progress
Capital request form with multi-step flow and validation

Capital Request Form

Components: Card, Input, Textarea, Select, Button
Application sidebar navigation with menu items and user profile

Sidebar Navigation

Components: Text, UserAvatar, Navigation, Badge
Marketing homepage with hero section, features, and testimonials

Marketing Homepage

Components: Text, Button, Card, Badge, Navbar, Footer
Brand Logos

Official Founderpath logos for light and dark backgrounds

Founderpath Logo

Primary Logo

Main logo with text for light backgrounds
Founderpath White Logo

White Primary Logo

Main logo with text for dark backgrounds
Founderpath Icon

Icon Only

Logo mark without text for light backgrounds
Founderpath White Icon

White Icon Only

Logo mark without text for dark backgrounds
Community Pictures

Photos from Founderpath events, retreats, and community gatherings

Engaged audience at a Founderpath CEO event
Engaged audience at a Founderpath CEO event
Founderpath CEO, Nathan Latka, speaking at a CEO Retreat
Founderpath CEO, Nathan Latka, speaking at a CEO Retreat
CEO networking session at a Founderpath retreat
CEO networking session at a Founderpath retreat
Casual conversation at a Founderpath community event
Casual conversation at a Founderpath community event
ZoomInfo CEO Henry Schuck coaching CEOs at a CEO retreat
ZoomInfo CEO Henry Schuck coaching CEOs at a CEO retreat
Interactive presentation at a Founderpath CEO summit
Interactive presentation at a Founderpath CEO summit