Pieces

Compact, self-contained widgets that behave like assets. Drop them into any block, card, or page to add a small touch of polish without rewriting the surrounding UI.

Run a half marathon21.1 km without stopping
82%
17.2 km longest runTarget by Jun 28

Fitness Goal

fitness6

Goal tracker with a rose icon, target line, warm gradient progress bar, and current status plus deadline.

Romanian deadliftHamstrings · Glutes · Back
Brace core before each rep
Hinge at the hips, knees soft
Keep the bar close to the shins
Avoid · Rounded lower back at the bottom

Form Cues

fitness7

Exercise form card with a sky play tile, muscle-group line, info-dot cues, and a rose avoid callout.

Pre-lift warm-up
~ 8 minutes
1Rowing machine3 min easy
2World's greatest stretch1 min each side
3Bodyweight squats12 reps
4Band pull-aparts15 reps × 2

Warm-up Plan

fitness8

Numbered warm-up routine with an orange flame header, a total-time pill, and duration column per row.

Recovery day72 readiness · take it easy
20-min easy walk outside
Mobility flow · 10 minutes
Sauna + cold plunge (optional)
Protein + carbs within 2 hours

Recovery Day

fitness9

Recovery-day card with an indigo moon tile, readiness line, and sparkle-bulleted active-recovery items.

Beste Sözen
Beste SözenSilver · tier 4
142Sessions
184hHours
12PRs
72% to gold

Athlete Scorecard

fitness10

Athlete profile card with a medal badge, tier label, three-stat tile row, and an XP-to-next-tier bar.

Roasted miso salmon · plated
Roasted miso salmon₺240
With charred leeks, lemon and toasted sesame
520 kcalChef's pickGluten-free

Menu Item

food1

Menu row with a warm gradient thumbnail, dish name and price pair, description, and dietary tag chips.

Lokal · dining roomAnatolian · Small plates4.7
Lokal · Modern Türk
Karaköy30–45 min₺₺₺

Restaurant Card

food2

Venue tile with a warm gradient cover, floating cuisine and rating pills, and a neighborhood-ETA row.

Reservation confirmedLokal · Modern Türk
WhenThu, Apr 25 · 20:00
Guests4
SeatingPatio · Table 12
CodeLKL-7Z91

Reservation Card

food3

Emerald-bordered reservation summary with when/guests/seating/code arranged on a four-cell grid.

Order trackingETA 15–20 min
Order
Kitchen
On the way
Delivered
Emre · Scooter · 4.9★

Delivery Tracker

food4

Four-step delivery progress with icon tiles, a ringed active step, ETA pill, and a courier footer.

Lokal · Modern Türk
2× Meze plate₺320
1× Roasted miso salmon₺240
1× Pistachio baklava₺110
Subtotal₺670
Delivery₺35
Tip₺50
Total₺755

Order Receipt

food5

Itemized food order receipt with qty-by-name lines, a subtotal/delivery/tip breakdown, and bold total.

Grilled chicken bowl620 kcal
Carbs68 g
Protein42 g
Fat22 g

Macro Breakdown

food6

Dish nutrition card with a kcal line, stacked macro bar, and three color-keyed grams-per-macro tiles.

Lemon-thyme chicken
45 min480 kcal4 servings
4chicken thighs
2lemons, zest and juice
3 tbspolive oil
4 sprigsfresh thyme

Recipe Card

food7

Recipe tile with a warm chef tile, time/kcal/servings row, and a two-column ingredients list.

Step 4 / 707:42
Simmer the sauce

Keep at a gentle simmer, stirring every two minutes so the garlic doesn't scorch.

Cook Step Timer

food8

Recipe-step card with a step pill, mono MM:SS countdown, instruction paragraph, and rose progress bar.

Dietary preferences

Dietary Filters

food9

Wrapped diet chip filter where selected options fill with emerald and inactives stay bordered.

Pairs well withSeared duck breast
Pinot Noir · WillametteRed · 2021
Bright cherry, subtle forest floor.
Bourbon old-fashionedCocktail
Bittersweet, amplifies the glaze.

Drink Pairing

food10

Sommelier pairings panel with a dish header and rose-ruled wine or cocktail suggestion blocks.

Mira & Co.
Shown on invoices and in the team directory.

Labeled Input

form1

Standard text field with a label on top and a muted helper line under the control.

mira@acme
Enter a valid email address, including the domain.

Error State

form2

Invalid field with a rose ring, alert icon inside the input, and a descriptive error under it.

mira-studio
mira-studio.beste.co is available.

Success State

form3

Validated field with an emerald ring, check mark, and a confirming note beneath.

Required
Oud Beste
We use this for invoices and tax documents.

Required Field

form4

Labeled input flanked by a red asterisk and a Required pill, plus an explanatory hint below.

https://docs.beste.co

Affixed Input

form5

Input that sandwiches a value between a muted prefix and suffix for URLs, currencies, or domains.

mira@beste.co

Floating Label

form6

Focused input with the label shrunk to the top-left corner and a blinking caret after the value.

Beste v3 ships real-time collaboration, custom themes, and a brand new AI editor. Available to all workspaces starting next Tuesday.
Posted to your workspace feed and email digest.132 / 280

Textarea Counter

form7

Multi-line field with a character counter that turns amber near the limit and rose past it.

Mira
Beste

Input Row

form8

Two inputs arranged side by side on a responsive grid for first/last names and paired fields.

Billing addressUsed on invoices and receipts.
221B Riverside Ave
Istanbul
34381

Fieldset Group

form9

Bordered card bundling a legend, description, and a short stack of related inputs.