T Taverno
Styleguide

Reusable components for a polished restaurant site.

Buttons, cards, menu items, forms, colors, typography and animation examples for theme buyers.

Color Palette

Warm, premium hospitality tokens.

Espresso

#1F1712

Cream

#FFF8EF

Warm Beige

#E8D8C3

Terracotta

#B75E3A

Olive

#596A48

Brass

#C49A5A

Soft Charcoal

#2A2520

Typography

Editorial headline scale, readable body copy.

Dinner with a sense of place.

Body text is calm, spacious and tuned for real restaurant information: menu descriptions, policies, stories and practical visit details.

Buttons and Badges

Conversion controls with restraint.

Default Seasonal Vegetarian Premium Open today
Menu Card

Food presentation from local content.

Baked Eggs in Tomato Sugo

Brunch

Baked Eggs in Tomato Sugo

$19

Two eggs baked in tomato, peppers, chickpeas and herbs, served with grilled sourdough.

Vegetarian

Allergens: Egg, Wheat

Pairing: Brass Spritz or fresh orange juice

Review Card

Trust signals.

"The room felt special without being stiff. Our server guided the wine beautifully, and the pappardelle was the dish we kept talking about the next morning."
Amelia Rose Anniversary dinner
Form Fields

Static forms that work without a backend.

Opening Hours

Monday
Closed
Tuesday
5:00 PM - 10:00 PM
Wednesday
5:00 PM - 10:00 PM
Thursday
5:00 PM - 10:00 PM
Friday
5:00 PM - 11:00 PM
Saturday
10:00 AM - 2:00 PM, 5:00 PM - 11:00 PM
Sunday
10:00 AM - 2:00 PM, 5:00 PM - 9:00 PM
5 content collections
AVIF image output
Interactive Examples

Tabs, accordion and scroll reveal hooks.

Use tabs for compact buyer-facing content or service variations.
Do reservations require an external booking platform? +

No. Taverno ships with a local reservation form that opens the guest's email client and a reliable click-to-call fallback.

Can I change the menu without editing page code? +

Yes. Menu items live in Astro Content Collections under src/content/menu, with typed fields for price, category, labels and images.

Can I use my own booking link? +

Yes. A configurable external booking URL exists in src/data/restaurant.ts, but it is disabled by default so the theme works locally.

Warm Taverno bar service

Animation example

Elements marked with data reveal attributes animate through Motion's in-view utilities. Parallax and sticky showcase effects use Motion scroll APIs and respect reduced motion preferences.

Reservations

A good table changes the evening.

Request a reservation by email, call the restaurant, or browse the menu before choosing your night.