A
ARTIFX
MobileThumb-friendlyTouchApp-like2014–Present#84 · Functional

Mobile-First UI

Designed for thumb reach — bottom navigation, large touch targets, swipe-friendly cards, and a layout that was born at 390px wide.

Mobile-First UI style preview
Sample PreviewMobile-First UI aesthetic

Color Palette

App BG
#F8F9FA
Card
#FFFFFF
Primary
#0EA5E9
Tab Dark
#1E293B
Inactive
#94A3B8

Typography

DisplayAa Bb Cc
H2Aa Bb Cc
H3Aa Bb Cc
BodyAa Bb Cc
CaptionAa Bb Cc
MonoAa Bb Cc

Component Gallery

// Buttons
// Cards
Design System
UI/UX

Design System

Consistent visual language and component patterns for scalable product teams.

Component Lib
Dev

Component Lib

Reusable building blocks that maintain visual consistency across all surfaces.

Style Guide
Docs

Style Guide

Documented rules for typography, spacing, color, and interaction patterns.

// Form Elements
// Navigation Bar
LOGO
HomeAboutWorkContact
// Badges & Tags
Design SystemComponentv2.0BetaNewFeaturedOpen Source

Mobile Preview

LOGO
Mobile
Mobile-First UI
Designed for thumb reach — bottom navigation, large tou...
Feature Card
Component example in this style

Key Characteristics

01

Bottom tab navigation as primary wayfinding

02

Large touch targets (48dp minimum)

03

Card-swipe patterns for content consumption

04

Single column layout — never multi-column on mobile

05

Sticky header + sticky bottom nav frame the content

Industries & Business Models

Mobile-First UI works best for these industries

🛒
E-Commerce
Electronic Commerce Networks
Explore Models →
🔧
Home Services
On-Demand Home Care Infrastructure
Explore Models →
🍽️
Food / Restaurant
Hyperlocal Food Technology Systems
Explore Models →
84 / 86 styles