Smart Pet Service

Smart Pet Service, mobile first.

Six production screens for finding, comparing and booking pet care in Israel, built at 390 by 844 and checked down to 360 and up to 430. Everything below is the live product, running on real data, so each frame is also a working reference.

Frame
390 × 844, fluid 360 to 430
Type
Bricolage Grotesque and Inter
Touch targets
44 × 44 minimum
Contrast
WCAG AA for all text

01 to 06

The screens

Each frame is the running app. Open any of them full screen to try the flow end to end, from search to a booking request.

  1. 01

    Home / Discover

    Editorial hero with search, categories, recommended providers, nearby services, community and the trust band.

    Open this screen
  2. 02

    Community feed

    Topic filters, questions on a soft surface, photo and text posts, and the most active discussions this week.

    Open this screen
  3. 03

    Community post

    The full post, helpful reactions, threaded replies two levels deep, report options and the reply bar.

    Open this screen
  4. 04

    Search

    A focused field with live grouped suggestions, recent searches, popular services and nearby areas.

    Open this screen
  5. 05

    Search results

    Sticky filter chips, sort, list or map view, the filter sheet and every empty, loading and error state.

    Open this screen
  6. 06

    Provider profile

    Cover, identity, services with prices, real open times, reviews, service area and the booking bar.

    Open this screen

Reusable parts

Components

One set of building blocks across every screen. These are the same components the app renders, with real listings.

Provider cards

Carousel, search result and compact. The photo leads; details stay to four lines.

Noa walking a small fluffy dog on a sunny city sidewalkVerified

Noa Ben-Ami

Rated 4.8 out of 5 from 5 reviews

Dog walker

Florentin, Tel Aviv-Yafo

From ₪40 / visit

Grey tabby cat resting on a light sofa by a windowVerifiedOpen times today

Yael Katz

Rated 4.8 out of 5 from 4 reviews

Cat sitter

Lev HaIr, Tel Aviv-Yafo · 1.1 km away

From ₪50 / visit

Noa walking a small fluffy dog on a sunny city sidewalk

Noa Ben-Ami

Dog walker

Rated 4.8 out of 5 from 5 reviews

From ₪40 / visit

Badges, ratings and controls

Verified only when checked. Stars use the text color so teal stays for actions.

VerifiedRated 4.8 out of 5 from 5 reviewsNew

Community posts

Discussions sit on the page with dividers; questions get a soft surface so they read differently.

Sarah Levinson

Cats · 8 Oct

Introducing a kitten to our older cat: week one

We brought home a ten-week-old kitten last Sunday. Our resident cat, Pasha, is nine and not impressed. So far the kitten has her own room, we swap blankets between them every day, and they…

Ginger kitten asleep on a light floor
2 replies

Hila Mor

Local Community · 2 days ago

Question

Looking for a quiet park in Ramat Gan for early walks

Our dog is reactive and we need somewhere quiet between 6:00 and 7:00. The Yarkon is too busy for us. Any spots in Ramat Gan or Givatayim where you rarely meet other dogs that early?

1 reply

Booking bar

Always says what you are booking, the price and the one next step.

30-minute neighborhood walk · Tomorrow, 10:30

₪45 / walk

Continue to booking

Empty state

Says what is missing and the next step, with a real photo instead of an illustration.

A small black and white dog looking out of an apartment window

Nothing booked yet

When you request a walk, a groom or a stay, it shows up here with its status.

Design tokens

Color, type and space

Every value lives once in the stylesheet as a named token. Bright teal is rationed to accents; deep teal carries actions.

Color

  • #FAF4EB

    Cream

    --background

    App background

    Text 13.3:1, secondary text 4.6:1

  • #FFFFFF

    Surface

    --card

    Cards, sheets and inputs

    Text 14.6:1

  • #F2EBDF

    Sand

    --sand

    Quiet surfaces, question posts

    Pair with ink-soft for secondary text

  • #193D3C

    Deep teal

    --deep

    Primary actions, the dark band

    White text 11.8:1

  • #33AEA9

    Teal

    --teal

    Accent: active tab, indicators, pins

    Never small text on white (2.7:1)

  • #1F7C78

    Teal ink

    --teal-ink

    Teal text and links

    5.0:1 on white, 4.6:1 on cream

  • #E3F3F2

    Teal soft

    --teal-soft

    Selected rows, verified chip

    Deep teal text 10.4:1

  • #202B2A

    Text

    --foreground

    Primary text

    Headlines, body, prices

  • #66716F

    Secondary text

    --muted-foreground

    Metadata and hints

    5.1:1 on white

  • #545E5C

    Ink soft

    --ink-soft

    Secondary text on sand and teal soft

    5.7:1 on sand

  • #E9E4DC

    Border

    --border

    Hairlines and dividers

    Structure without shadows

  • #8A5A00

    Warning

    --warning

    Waiting for confirmation

    5.1:1 on warning soft

Type scale

  • text-display

    36 / 1.04, Bricolage Grotesque 600, -3.5%

    Everything your pet needs

  • text-title

    28 / 1.1, Bricolage Grotesque 600, -3%

    Community

  • text-heading

    21 / 1.2, Bricolage Grotesque 600, -2%

    Services and prices

  • text-subheading

    17 / 1.3, Inter or Bricolage 600

    Noa Ben-Ami

  • text-body

    16 / 1.7, Inter 400

    Calm, consistent walks for city dogs, with a photo update after every outing.

  • text-ui

    15 / 1.45, Inter 500 to 600

    Choose a service

  • text-meta

    13 / 1.4, Inter 400 to 600

    Florentin, Tel Aviv-Yafo · 1.2 km away

  • text-micro

    11 / 1.3, Inter 600

    Question

Spacing, 4 and 8 point steps

  • 4px
  • 8px
  • 12px
  • 16px
  • 20px
  • 24px
  • 32px
  • 40px
  • 48px

Radius and elevation

  • 12pxInputs, buttons
  • 22pxCards, booking rows
  • 28pxSheets, cover sheet
  • FullChips, avatars
Soft, chips on photos
Float, overlays
Sheet, bottom sheets

Filters

Service

Price

Per walk, visit, session, night or day

Minimum rating

Providers without reviews yet are hidden when this is on

Available on

Shows providers with at least one open time that day

Distance

Measured from the centre of Tel Aviv-Yafo

Sign in to SPS

Welcome back.

New to SPS?