Color Palette

Primary
#4F46E5

Secondary
#14B8A6

Accent
#FBBF24

Background
#F9FAFB

Text
#1F2937

Typography

Heading 1 - Space Grotesk Bold

Heading 2 - Space Grotesk Semibold

Heading 3 - Space Grotesk Medium

Body text - Inter Regular (16px default)

Small text - Inter Regular (14px)

UI Components

Buttons

Input Fields

Standard Input

Focused Input

Product Cards

Product Image

Premium Coffee

Arabica blend, 250g

$12.99

Product Image

Organic Tea

Herbal infusion, 20 bags

$8.49

Product Image

Chocolate Bar

Dark 70%, 100g

$4.99

Order Tables

Product	Price	Qty	Total
C Coffee Arabica blend	$12.99	1	$12.99
T Tea Herbal infusion	$8.49	2	$16.98
Subtotal			$29.97
Tax (10%)			$3.00
Total			$32.97

Page Layout Examples

Product Display Grid

Products

Product 1

Product 2

Product 3

Product 4

Shopping Cart Layout

Your Cart (2 items)

C

Premium Coffee

Arabica blend, 250g

1

$12.99

T

Organic Tea

Herbal infusion, 20 bags

2

$16.98

Order Summary

Subtotal $29.97

Tax (10%) $3.00

Total $32.97

or continue shopping

Checkout Form Structure

Customer Information

First Name

Last Name

Email

Phone

Address

City

State

ZIP Code

Payment Method

Credit Card

Card Number

Expiry Date

CVV

PayPal

Order Summary

Subtotal $29.97

Tax (10%) $3.00

Total $32.97

Modern Cashier System Theme

Color Palette

Typography

Heading 1 - Space Grotesk Bold

Heading 2 - Space Grotesk Semibold

Heading 3 - Space Grotesk Medium

UI Components

Buttons

Input Fields

Product Cards

Premium Coffee

Organic Tea

Chocolate Bar

Order Tables

Page Layout Examples

Product Display Grid

Products

Shopping Cart Layout

Your Cart (2 items)

Premium Coffee

Organic Tea

Order Summary

Checkout Form Structure

Customer Information

Payment Method

Order Summary