Fine Dining

Ember & Oak

Farm to flame. An intimate dining experience rooted in seasonal ingredients and open-flame cooking.

Reserve a Table

From Our Kitchen

A selection of our most celebrated dishes.

Pan-Seared Scallops

Hokkaido scallops with cauliflower puree, brown butter, and crispy capers

$38

Wagyu Beef Tenderloin

A5 wagyu with truffle jus, roasted bone marrow, and seasonal vegetables

$72

Wild Mushroom Risotto

Arborio rice with porcini, chanterelle, and shaved Parmigiano-Reggiano

$28

Tarte Tatin

Caramelized apple tart with vanilla bean ice cream and salted caramel

$18

View full menu →

Chef Portrait

Our Story

Founded by Chef Elena Marchand in 2019, Ember & Oak was born from a passion for live-fire cooking and the belief that the best meals come from the simplest, freshest ingredients.

Our open kitchen features a custom-built wood-fired grill and hearth, where every dish is kissed by flame. We source exclusively from local farms and foragers, ensuring each plate tells the story of the season.

Visit Us

Address

742 Evergreen Terrace, Suite 1
San Francisco, CA 94110

Hours

Tuesday - Thursday: 5:30 PM - 10:00 PM

Friday - Saturday: 5:30 PM - 11:00 PM

Sunday: 5:00 PM - 9:00 PM

Monday: Closed

Contact

+1 (415) 555-0182

hello@emberandoak.com

Map Placeholder

@emberandoak

Theme Config

Edit the CSS custom properties below and click Apply to see changes live. Copy the config to use in your own project.

:root {
  /* Colors — terracotta/warm red */
  --background: 15 30% 99%;
  --foreground: 15 15% 12%;
  --card: 15 20% 99%;
  --card-foreground: 15 15% 12%;
  --popover: 0 0% 100%;
  --popover-foreground: 15 15% 12%;
  --primary: 12 75% 45%;
  --primary-foreground: 0 0% 100%;
  --secondary: 15 15% 95%;
  --secondary-foreground: 15 10% 40%;
  --accent: 12 35% 92%;
  --accent-foreground: 12 75% 35%;
  --muted: 15 15% 95%;
  --muted-foreground: 15 8% 45%;
  --destructive: 0 70% 48%;
  --destructive-foreground: 0 0% 100%;
  --success: 142 55% 38%;
  --success-foreground: 0 0% 100%;
  --warning: 38 85% 48%;
  --warning-foreground: 15 15% 12%;
  --border: 15 10% 90%;
  --input: 15 10% 90%;
  --ring: 12 75% 45%;
  --chart-1: 12 75% 45%;
  --chart-2: 35 80% 50%;
  --chart-3: 142 55% 38%;
  --chart-4: 200 50% 45%;
  --chart-5: 280 40% 45%;

/* Sidebar */
  --sidebar-background: 15 12% 97%;
  --sidebar-foreground: 15 15% 12%;
  --sidebar-primary: 12 75% 45%;
  --sidebar-primary-foreground: 0 0% 100%;
  --sidebar-accent: 12 35% 92%;
  --sidebar-accent-foreground: 12 75% 35%;
  --sidebar-border: 15 10% 90%;
  --sidebar-ring: 12 75% 45%;

/* Typography — serif headings for menu items */
  --font-sans: 'DM Sans', system-ui, sans-serif;
  --font-heading: 'Playfair Display', Georgia, serif;
  --font-mono: 'JetBrains Mono', ui-monospace, monospace;
  --font-size-xs: 0.75rem;
  --font-size-sm: 0.875rem;
  --font-size-base: 1rem;
  --font-size-lg: 1.125rem;
  --font-size-xl: 1.25rem;
  --font-size-2xl: 1.5rem;
  --font-size-3xl: 1.875rem;
  --font-size-4xl: 2.25rem;
  --font-size-5xl: 3rem;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;

/* Shadows */
  --shadow-none: none;
  --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.03);
  --shadow-md: 0 2px 5px -1px rgb(0 0 0 / 0.04), 0 1px 3px -1px rgb(0 0 0 / 0.03);
  --shadow-lg: 0 6px 12px -2px rgb(0 0 0 / 0.05), 0 2px 4px -2px rgb(0 0 0 / 0.03);
  --shadow-xl: 0 12px 20px -4px rgb(0 0 0 / 0.06), 0 4px 6px -4px rgb(0 0 0 / 0.03);

/* Glass & overlay */
  --overlay-opacity: 0.5;
  --backdrop-blur: 10px;
  --glass-bg: rgba(255, 252, 250, 0.85);
  --glass-border: rgba(255, 255, 255, 0.18);

/* Spacing & density */
  --spacing-scale: 1.05;
  --container-max-width: 1200px;
  --container-padding: 2rem;
  --card-padding: 1.75rem;
  --input-height: 2.75rem;
  --button-height: 2.5rem;
  --section-gap: 5rem;

/* Typography tokens */
  --letter-spacing-tighter: -0.04em;
  --letter-spacing-tight: -0.02em;
  --letter-spacing-normal: 0;
  --letter-spacing-wide: 0.02em;
  --letter-spacing-wider: 0.05em;
  --line-height-tight: 1.3;
  --line-height-normal: 1.55;
  --line-height-relaxed: 1.75;
  --heading-weight: 600;
  --heading-letter-spacing: -0.015em;
  --heading-line-height: 1.2;

/* Shape */
  --radius: 0.5rem;
  --radius-none: 0;
  --radius-sm: 0.25rem;
  --radius-md: 0.5rem;
  --radius-lg: 0.625rem;
  --radius-xl: 0.75rem;
  --radius-2xl: 1rem;
  --radius-full: 9999px;
  --avatar-radius: 9999px;
  --badge-radius: 9999px;
  --button-radius: 0.5rem;
  --input-radius: 0.5rem;
  --card-radius: 0.625rem;
  --tooltip-radius: 0.375rem;

/* Component shadows */
  --card-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.03);
  --dropdown-shadow: 0 6px 12px -2px rgb(0 0 0 / 0.05), 0 2px 4px -2px rgb(0 0 0 / 0.03);
  --dialog-shadow: 0 12px 20px -4px rgb(0 0 0 / 0.06), 0 4px 6px -4px rgb(0 0 0 / 0.03);
  --button-shadow: none;

/* Borders & dividers */
  --border-width: 1px;
  --border-style: solid;
  --divider-style: solid;
  --divider-opacity: 0.12;

/* Inputs */
  --input-style: bordered;
  --input-border-on-focus: 0;
  --placeholder-opacity: 0.45;

/* Buttons */
  --button-style: filled;
  --button-weight: 500;
  --hover-effect: darken;
  --active-effect: scale-down;
  --disabled-opacity: 0.5;

/* Links */
  --link-style: color-only;
  --link-weight: inherit;

/* Focus */
  --focus-ring-width: 2px;
  --focus-ring-offset: 2px;
  --focus-ring-style: ring;

/* Icons */
  --icon-style: outlined;
  --icon-stroke-width: 1.5;
  --icon-size: 1.25rem;

/* Scrollbar */
  --scrollbar-style: thin;
  --scrollbar-track: transparent;
  --scrollbar-thumb: rgba(0, 0, 0, 0.12);

/* Selection */
  --selection-background: 12 75% 45%;
  --selection-foreground: 0 0% 100%;

/* Tooltips */
  --tooltip-style: dark;

/* Tables */
  --table-style: clean;
  --table-header-weight: 600;

/* Loading */
  --spinner-style: circle;

/* Motion */
  --transition-duration: 200ms;
  --transition-easing: cubic-bezier(0.4, 0, 0.2, 1);
  --animation-speed: normal;
  --hover-transition: 200ms ease;
  --enter-transition: 250ms ease-out;
  --exit-transition: 200ms ease-in;
}

RBuilt with Refraction UI