Kindred

Design system

Development only

Kindred visual language

Review the components here before the product screens multiply. This route is unavailable in production.

Buttons

Forms

Used only to preview validation on this page.

Optional. 160 characters or fewer.

Example field. This form does not create an account.

Profile cards

86% Match

Amara 29

Product designer · Lagos

Into

  • Design
  • ✈️ Travel
  • 📸 Photography

81% Match

Leo

Software developer · Nairobi

Into

  • Technology
  • 🚀 Startups

Compatibility score

86% Match

Why you might connect

  • You share 4 interests
  • You both enjoy photography
  • You both speak English
  • You are both open to dating

Treat this as a starting point for a conversation.

Interest chips

Skill chips

Avatars

AM LE

Connection-mode selector

Meet someone you genuinely connect with.

Message bubbles

You both like Flutter.

How did you get into Flutter?

Read

A client project, then I kept the habit.

Read

Sending this note…

Sending

This one did not send.

Not sent

Bottom sheet

Filters

Distance, intentions, and professions will narrow discovery here.

Toast

Skeleton loader

Empty state

No connections yet.

Start discovering people who share your interests.

Discover people

Error state

Mobile navigation

Discover

People who share your interests

Light, dark, and system

Dark mode is its own palette. It does not invert the light theme. Your choice is saved on this device, and System follows the device setting.

Primary
Secondary
Surface
Success
Warning
Danger