---
title: "Marrow Wine Bar & Kitchen, Dinner Menu"
platform: web
slug: marrow-wine-bar-kitchen-dinner-menu
screens: ["menu"]
domains: []
style: "flat"
fonts: ["Bricolage Grotesque", "Spline Sans Mono", "Hanken Grotesk"]
roles: ["card"]
score: {clean: 100, consistent: 85, accessible: 79, comprehensible: 4}
url: https://gui.farm/web/marrow-wine-bar-kitchen-dinner-menu
raw: https://gui.farm/web/marrow-wine-bar-kitchen-dinner-menu/design.guix
download: https://gui.farm/web/marrow-wine-bar-kitchen-dinner-menu.gui
---

# Marrow Wine Bar & Kitchen, Dinner Menu

A flat, light-theme web dinner menu for Marrow, a natural-wine small-plates restaurant, with sectioned dishes and right-aligned prices, dietary tags, a by-the-glass list with body and tannin meters, a weekly cellar flight, and a photographed chef's pick.

- **Live preview:** https://gui.farm/web/marrow-wine-bar-kitchen-dinner-menu
- **Raw source:** https://gui.farm/web/marrow-wine-bar-kitchen-dinner-menu/design.guix
- **Download (.gui):** https://gui.farm/web/marrow-wine-bar-kitchen-dinner-menu.gui

## Source (design.guix)

```xml
<gui version="0.2" name="Marrow Wine Bar &amp; Kitchen, Dinner Menu">
  <tokens>
    <color name="paper" value="#FBF7F1" />
    <color name="card" value="#FFFDF8" />
    <color name="ink" value="#211A17" />
    <color name="sub" value="#5C524C" />
    <color name="faint" value="#6E635C" />
    <color name="line" value="#E7DFD5" />
    <color name="ox" value="#7E2231" />
    <color name="ox-deep" value="#5A1622" />
    <color name="ox-tint" value="#F3E3E1" />
    <color name="on-ox" value="#FFF6F2" />
    <color name="on-ox-sub" value="#EAC7C1" />
    <color name="track" value="#E3D8CA" />
    <color name="on-ink" value="#FBF7F1" />
    <color name="on-ink-sub" value="#C9BEB4" />
    <number name="r-sm" value="6" />
    <number name="r-lg" value="14" />
    <number name="r-pill" value="999" />
  </tokens>
  <fonts>
    <font family="Bricolage Grotesque" source="google" weights="400 600 700 800" styles="normal" />
    <font family="Hanken Grotesk" source="google" weights="400 500 600" styles="normal" />
    <font family="Spline Sans Mono" source="google" weights="500 600 700" styles="normal" />
  </fonts>
  <styles>
    <text-style
      name="Wordmark"
      font-family="Bricolage Grotesque"
      font-size="46"
      font-weight="800"
      line-height="48"
    />
    <text-style
      name="Kicker"
      font-family="Spline Sans Mono"
      font-size="12"
      font-weight="600"
      line-height="15"
    />
    <text-style
      name="MastMeta"
      font-family="Hanken Grotesk"
      font-size="13"
      font-weight="500"
      line-height="19"
    />
    <text-style
      name="ItemName"
      font-family="Bricolage Grotesque"
      font-size="18"
      font-weight="600"
      line-height="23"
    />
    <text-style
      name="ItemNameSm"
      font-family="Bricolage Grotesque"
      font-size="15"
      font-weight="600"
      line-height="20"
    />
    <text-style name="Body" font-family="Hanken Grotesk" font-size="14" font-weight="400" line-height="20" />
    <text-style name="Desc" font-family="Hanken Grotesk" font-size="13" font-weight="400" line-height="19" />
    <text-style name="Meta" font-family="Hanken Grotesk" font-size="12" font-weight="500" line-height="16" />
    <text-style name="Micro" font-family="Spline Sans Mono" font-size="10" font-weight="600" line-height="12" />
    <text-style name="Price" font-family="Spline Sans Mono" font-size="16" font-weight="600" line-height="20" />
    <text-style
      name="PriceSm"
      font-family="Spline Sans Mono"
      font-size="13"
      font-weight="500"
      line-height="17"
    />
    <text-style name="Pill" font-family="Spline Sans Mono" font-size="10" font-weight="700" line-height="13" />
  </styles>
  <col w="1440" fill="$paper" align="top-center">
    <row w="fill" p="44 80" fill="$ox-deep" align="middle-left" gap="auto">
      <col gap="8" align="top-left">
        <text text-style="Wordmark" value="MARROW" color="$on-ox" letter-spacing="-1" />
        <text text-style="Kicker" value="WINE BAR &amp; KITCHEN" color="$on-ox-sub" letter-spacing="3" />
      </col>
      <col gap="4" align="top-right">
        <text text-style="Kicker" value="DINNER · WED-SUN" color="$on-ox" letter-spacing="1.5" />
        <text text-style="MastMeta" value="5-11pm, kitchen till 10:45" color="$on-ox-sub" />
        <text text-style="MastMeta" value="34 Prospect St, Providence RI" color="$on-ox-sub" />
      </col>
    </row>
    <row w="fill" p="15 80" fill="$card" align="middle-left" gap="auto">
      <text
        text-style="Body"
        value="Small plates, open-hearth cooking, and a living list of natural wine."
        color="$sub"
      />
      <text text-style="Meta" value="No corkage Wednesdays. Walk-ins welcome at the bar." color="$faint" />
    </row>
    <rect w="fill" h="1" fill="$line" />
    <row w="fill" p="38 80 34 80" gap="48" align="top-left">
      <col w="760" gap="34" align="top-left">
        <col w="fill" gap="0" align="top-left">
          <row w="fill" align="middle-left" gap="auto">
            <text text-style="Kicker" value="SNACKS" color="$ox" letter-spacing="2.5" />
            <text text-style="Meta" value="to start, with a glass" color="$faint" />
          </row>
          <rect w="fill" h="2" fill="$ox" />
          <col w="fill" gap="0" align="top-left">
            <row w="fill" p="14 0" gap="16" align="top-left">
              <col w="fill" gap="5" align="top-left">
                <row align="middle-left" gap="8">
                  <text text-style="ItemName" value="Marcona Almonds" color="$ink" />
                  <row p="2 7" radius="$r-pill" fill="$ox-tint">
                    <text text-style="Pill" value="VG" color="$ox" letter-spacing="0.5" />
                  </row>
                  <row p="2 7" radius="$r-pill" fill="$ox-tint">
                    <text text-style="Pill" value="GF" color="$ox" letter-spacing="0.5" />
                  </row>
                </row>
                <text text-style="Desc" value="Fried in olive oil, rosemary, Maldon salt." color="$sub" />
              </col>
              <col w="72" align="top-right">
                <text text-style="Price" value="$7" color="$ink" />
              </col>
            </row>
            <rect w="fill" h="1" fill="$line" />
            <row w="fill" p="14 0" gap="16" align="top-left">
              <col w="fill" gap="5" align="top-left">
                <row align="middle-left" gap="8">
                  <text text-style="ItemName" value="Castelvetrano Olives" color="$ink" />
                  <row p="2 7" radius="$r-pill" fill="$ox-tint">
                    <text text-style="Pill" value="VE" color="$ox" letter-spacing="0.5" />
                  </row>
                  <row p="2 7" radius="$r-pill" fill="$ox-tint">
                    <text text-style="Pill" value="GF" color="$ox" letter-spacing="0.5" />
                  </row>
                </row>
                <text text-style="Desc" value="Warmed with orange peel and fennel seed." color="$sub" />
              </col>
              <col w="72" align="top-right">
                <text text-style="Price" value="$6" color="$ink" />
              </col>
            </row>
            <rect w="fill" h="1" fill="$line" />
            <row w="fill" p="14 0" gap="16" align="top-left">
              <col w="fill" gap="5" align="top-left">
                <row align="middle-left" gap="8">
                  <text text-style="ItemName" value="Gilda Skewer" color="$ink" />
                  <row p="2 7" radius="$r-pill" fill="$ox-tint">
                    <text text-style="Pill" value="GF" color="$ox" letter-spacing="0.5" />
                  </row>
                </row>
                <text
                  text-style="Desc"
                  value="Cantabrian anchovy, guindilla pepper, Gordal olive."
                  color="$sub"
                />
              </col>
              <col w="72" align="top-right">
                <text text-style="Price" value="$5" color="$ink" />
              </col>
            </row>
          </col>
        </col>
        <col w="fill" gap="0" align="top-left">
          <row w="fill" align="middle-left" gap="auto">
            <text text-style="Kicker" value="SMALL PLATES" color="$ox" letter-spacing="2.5" />
            <text text-style="Meta" value="meant for the middle of the table" color="$faint" />
          </row>
          <rect w="fill" h="2" fill="$ox" />
          <col w="fill" gap="0" align="top-left">
            <row w="fill" p="14 0" gap="16" align="top-left">
              <col w="fill" gap="5" align="top-left">
                <row align="middle-left" gap="8">
                  <text text-style="ItemName" value="Burrata &amp; Grilled Peach" color="$ink" />
                  <row p="2 7" radius="$r-pill" fill="$ox-tint">
                    <text text-style="Pill" value="VG" color="$ox" letter-spacing="0.5" />
                  </row>
                </row>
                <text text-style="Desc" value="Basil oil, aged balsamic, grilled sourdough." color="$sub" />
              </col>
              <col w="72" align="top-right">
                <text text-style="Price" value="$17" color="$ink" />
              </col>
            </row>
            <rect w="fill" h="1" fill="$line" />
            <row w="fill" p="14 0" gap="16" align="top-left">
              <col w="fill" gap="5" align="top-left">
                <row align="middle-left" gap="8">
                  <text text-style="ItemName" value="Charred Octopus" color="$ink" />
                  <row p="2 7" radius="$r-pill" fill="$ox-tint">
                    <text text-style="Pill" value="GF" color="$ox" letter-spacing="0.5" />
                  </row>
                </row>
                <text
                  text-style="Desc"
                  value="Corona beans, salsa verde, smoked paprika, lemon."
                  color="$sub"
                />
              </col>
              <col w="72" align="top-right">
                <text text-style="Price" value="$22" color="$ink" />
              </col>
            </row>
            <rect w="fill" h="1" fill="$line" />
            <row w="fill" p="14 0" gap="16" align="top-left">
              <col w="fill" gap="5" align="top-left">
                <row align="middle-left" gap="8">
                  <text text-style="ItemName" value="Wood-Roasted Carrots" color="$ink" />
                  <row p="2 7" radius="$r-pill" fill="$ox-tint">
                    <text text-style="Pill" value="VG" color="$ox" letter-spacing="0.5" />
                  </row>
                  <row p="2 7" radius="$r-pill" fill="$ox-tint">
                    <text text-style="Pill" value="N" color="$ox" letter-spacing="0.5" />
                  </row>
                </row>
                <text text-style="Desc" value="Labneh, pistachio dukkah, hot honey, mint." color="$sub" />
              </col>
              <col w="72" align="top-right">
                <text text-style="Price" value="$14" color="$ink" />
              </col>
            </row>
            <rect w="fill" h="1" fill="$line" />
            <row w="fill" p="14 0" gap="16" align="top-left">
              <col w="fill" gap="5" align="top-left">
                <row align="middle-left" gap="8">
                  <text text-style="ItemName" value="Chicken Liver Mousse" color="$ink" />
                </row>
                <text text-style="Desc" value="Cognac, pickled shallot, grilled brioche." color="$sub" />
              </col>
              <col w="72" align="top-right">
                <text text-style="Price" value="$13" color="$ink" />
              </col>
            </row>
          </col>
        </col>
        <col w="fill" gap="0" align="top-left">
          <row w="fill" align="middle-left" gap="auto">
            <text text-style="Kicker" value="FROM THE HEARTH" color="$ox" letter-spacing="2.5" />
            <text text-style="Meta" value="cooked over live oak" color="$faint" />
          </row>
          <rect w="fill" h="2" fill="$ox" />
          <col w="fill" gap="0" align="top-left">
            <row w="fill" p="14 0" gap="16" align="top-left">
              <col w="fill" gap="5" align="top-left">
                <row align="middle-left" gap="8">
                  <text text-style="ItemName" value="Dry-Aged Ribeye, 14oz" color="$ink" />
                  <row p="2 7" radius="$r-pill" fill="$ox-tint">
                    <text text-style="Pill" value="GF" color="$ox" letter-spacing="0.5" />
                  </row>
                </row>
                <text
                  text-style="Desc"
                  value="Bone-marrow butter, watercress, dripping potatoes."
                  color="$sub"
                />
              </col>
              <col w="72" align="top-right">
                <text text-style="Price" value="$58" color="$ink" />
              </col>
            </row>
            <rect w="fill" h="1" fill="$line" />
            <row w="fill" p="14 0" gap="16" align="top-left">
              <col w="fill" gap="5" align="top-left">
                <row align="middle-left" gap="8">
                  <text text-style="ItemName" value="Whole Roasted Branzino" color="$ink" />
                  <row p="2 7" radius="$r-pill" fill="$ox-tint">
                    <text text-style="Pill" value="GF" color="$ox" letter-spacing="0.5" />
                  </row>
                </row>
                <text text-style="Desc" value="Charred lemon, salsa verde, shaved fennel." color="$sub" />
              </col>
              <col w="72" align="top-right">
                <text text-style="Price" value="$34" color="$ink" />
              </col>
            </row>
            <rect w="fill" h="1" fill="$line" />
            <row w="fill" p="14 0" gap="16" align="top-left">
              <col w="fill" gap="5" align="top-left">
                <row align="middle-left" gap="8">
                  <text text-style="ItemName" value="Wild Mushroom Rigatoni" color="$ink" />
                  <row p="2 7" radius="$r-pill" fill="$ox-tint">
                    <text text-style="Pill" value="VG" color="$ox" letter-spacing="0.5" />
                  </row>
                </row>
                <text text-style="Desc" value="Taleggio, chestnut, thyme, brown butter." color="$sub" />
              </col>
              <col w="72" align="top-right">
                <text text-style="Price" value="$26" color="$ink" />
              </col>
            </row>
          </col>
        </col>
        <col w="fill" gap="0" align="top-left">
          <row w="fill" align="middle-left" gap="auto">
            <text text-style="Kicker" value="TO FINISH" color="$ox" letter-spacing="2.5" />
            <text text-style="Meta" value="ask about the dessert wines" color="$faint" />
          </row>
          <rect w="fill" h="2" fill="$ox" />
          <col w="fill" gap="0" align="top-left">
            <row w="fill" p="14 0" gap="16" align="top-left">
              <col w="fill" gap="5" align="top-left">
                <row align="middle-left" gap="8">
                  <text text-style="ItemName" value="Basque Cheesecake" color="$ink" />
                  <row p="2 7" radius="$r-pill" fill="$ox-tint">
                    <text text-style="Pill" value="VG" color="$ox" letter-spacing="0.5" />
                  </row>
                </row>
                <text text-style="Desc" value="Burnt top, creme fraiche, chestnut honey." color="$sub" />
              </col>
              <col w="72" align="top-right">
                <text text-style="Price" value="$12" color="$ink" />
              </col>
            </row>
            <rect w="fill" h="1" fill="$line" />
            <row w="fill" p="14 0" gap="16" align="top-left">
              <col w="fill" gap="5" align="top-left">
                <row align="middle-left" gap="8">
                  <text text-style="ItemName" value="Dark Chocolate Tart" color="$ink" />
                  <row p="2 7" radius="$r-pill" fill="$ox-tint">
                    <text text-style="Pill" value="VG" color="$ox" letter-spacing="0.5" />
                  </row>
                </row>
                <text text-style="Desc" value="Olive oil, flaked sea salt, espresso cream." color="$sub" />
              </col>
              <col w="72" align="top-right">
                <text text-style="Price" value="$11" color="$ink" />
              </col>
            </row>
          </col>
        </col>
      </col>
      <col w="472" gap="24" align="top-left">
        <col w="472" fill="$card" radius="$r-lg" align="top-left">
          <img
            src="https://images.unsplash.com/photo-1571513062809-2ac71eab2656?w=1000&amp;q=80&amp;auto=format&amp;fit=crop"
            w="472"
            h="230"
            radius="$r-sm"
fit="fill"
          />
          <col w="fill" p="18 22 20 22" gap="10" align="top-left">
            <text text-style="Kicker" value="CHEF'S TABLE PICK" color="$ox" letter-spacing="2" />
            <text text-style="ItemName" value="Beef Tartare" color="$ink" />
            <text
              text-style="Body"
              value="Hand-cut prime beef, smoked egg yolk, black garlic, grilled sourdough."
              color="$sub"
            />
            <row w="fill" align="middle-left" gap="auto">
              <row align="middle-left" gap="10">
                <col align="top-left" gap="2">
                  <rect w="120" h="6" radius="$r-pill" fill="$track" />
                  <rect w="115" h="6" radius="$r-pill" fill="$ox" />
                </col>
                <text text-style="PriceSm" value="4.8" color="$ink" />
                <text text-style="Meta" value="112 reviews" color="$faint" />
              </row>
              <text text-style="Price" value="$19" color="$ink" />
            </row>
          </col>
        </col>
        <col
          w="472"
          fill="$card"
          border="1 $line"
          radius="$r-lg"
          p="18 22"
          gap="14"
          role="card"
          align="top-left"
        >
          <row w="fill" align="middle-left" gap="auto">
            <text text-style="Kicker" value="BY THE GLASS" color="$ox" letter-spacing="2" />
            <text text-style="Meta" value="glass / bottle" color="$faint" />
          </row>
          <rect w="fill" h="1" fill="$line" />
          <col w="fill" gap="10" align="top-left">
            <row w="fill" align="middle-left" gap="auto">
              <col w="fill" gap="2" align="top-left">
                <text text-style="ItemNameSm" value="Nebbiolo, Perbacco" color="$ink" />
                <text text-style="Meta" value="Vietti, Piedmont 2021" color="$faint" />
              </col>
              <text text-style="PriceSm" value="$18 / $72" color="$ink" />
            </row>
            <row w="fill" align="middle-left" gap="20">
              <col gap="3" align="top-left">
                <text text-style="Micro" value="BODY" color="$faint" letter-spacing="1" />
                <rect w="120" h="5" radius="$r-pill" fill="$ox" />
              </col>
              <col gap="3" align="top-left">
                <text text-style="Micro" value="TANNIN" color="$faint" letter-spacing="1" />
                <rect w="96" h="5" radius="$r-pill" fill="$ox" />
              </col>
            </row>
          </col>
          <rect w="fill" h="1" fill="$line" />
          <col w="fill" gap="10" align="top-left">
            <row w="fill" align="middle-left" gap="auto">
              <col w="fill" gap="2" align="top-left">
                <text text-style="ItemNameSm" value="Gamay, Morgon" color="$ink" />
                <text text-style="Meta" value="Marcel Lapierre, Beaujolais 2022" color="$faint" />
              </col>
              <text text-style="PriceSm" value="$16 / $64" color="$ink" />
            </row>
            <row w="fill" align="middle-left" gap="20">
              <col gap="3" align="top-left">
                <text text-style="Micro" value="BODY" color="$faint" letter-spacing="1" />
                <rect w="72" h="5" radius="$r-pill" fill="$ox" />
              </col>
              <col gap="3" align="top-left">
                <text text-style="Micro" value="TANNIN" color="$faint" letter-spacing="1" />
                <rect w="48" h="5" radius="$r-pill" fill="$ox" />
              </col>
            </row>
          </col>
          <rect w="fill" h="1" fill="$line" />
          <col w="fill" gap="10" align="top-left">
            <row w="fill" align="middle-left" gap="auto">
              <col w="fill" gap="2" align="top-left">
                <text text-style="ItemNameSm" value="Blaufrankisch" color="$ink" />
                <text text-style="Meta" value="Moric, Burgenland 2020" color="$faint" />
              </col>
              <text text-style="PriceSm" value="$17 / $68" color="$ink" />
            </row>
            <row w="fill" align="middle-left" gap="20">
              <col gap="3" align="top-left">
                <text text-style="Micro" value="BODY" color="$faint" letter-spacing="1" />
                <rect w="96" h="5" radius="$r-pill" fill="$ox" />
              </col>
              <col gap="3" align="top-left">
                <text text-style="Micro" value="TANNIN" color="$faint" letter-spacing="1" />
                <rect w="72" h="5" radius="$r-pill" fill="$ox" />
              </col>
            </row>
          </col>
          <rect w="fill" h="1" fill="$line" />
          <col w="fill" gap="10" align="top-left">
            <row w="fill" align="middle-left" gap="auto">
              <col w="fill" gap="2" align="top-left">
                <text text-style="ItemNameSm" value="Frappato" color="$ink" />
                <text text-style="Meta" value="COS, Sicily 2022" color="$faint" />
              </col>
              <text text-style="PriceSm" value="$15 / $60" color="$ink" />
            </row>
            <row w="fill" align="middle-left" gap="20">
              <col gap="3" align="top-left">
                <text text-style="Micro" value="BODY" color="$faint" letter-spacing="1" />
                <rect w="48" h="5" radius="$r-pill" fill="$ox" />
              </col>
              <col gap="3" align="top-left">
                <text text-style="Micro" value="TANNIN" color="$faint" letter-spacing="1" />
                <rect w="48" h="5" radius="$r-pill" fill="$ox" />
              </col>
            </row>
          </col>
        </col>
        <col w="472" fill="$ox-tint" radius="$r-lg" p="18 22" gap="12" align="top-left">
          <col gap="3" align="top-left">
            <text text-style="Kicker" value="CELLAR FLIGHT" color="$ox" letter-spacing="2" />
            <text text-style="Body" value="Three 2oz pours of the week's reds." color="$sub" />
          </col>
          <row w="fill" align="middle-left" gap="auto">
            <text text-style="Meta" value="Etna Rosso · Sicily" color="$ink" />
            <text text-style="PriceSm" value="$9" color="$ink" />
          </row>
          <row w="fill" align="middle-left" gap="auto">
            <text text-style="Meta" value="Cotes-du-Rhone · Rhone" color="$ink" />
            <text text-style="PriceSm" value="$10" color="$ink" />
          </row>
          <row w="fill" align="middle-left" gap="auto">
            <text text-style="Meta" value="Barbera d'Alba · Piedmont" color="$ink" />
            <text text-style="PriceSm" value="$9" color="$ink" />
          </row>
          <rect w="fill" h="1" fill="$ox" />
          <row w="fill" align="middle-left" gap="auto">
            <text text-style="ItemNameSm" value="Flight" color="$ox" />
            <text text-style="Price" value="$28" color="$ox" />
          </row>
        </col>
      </col>
    </row>
    <row w="fill" p="18 80" fill="$ink" align="middle-left" gap="auto">
      <text
        text-style="Meta"
        value="Please tell your server about any allergies before ordering."
        color="$on-ink"
      />
      <text
        text-style="Meta"
        value="20% gratuity added for parties of six or more.  marrow.wine"
        color="$on-ink-sub"
      />
    </row>
  </col>
</gui>
```