Component Library

v.1.0.0

Last Revision by: Simon Shahriveri

Site Settings

This document determines the core settings and components which make up the UI of this site.

Global Spacing

The spacing system is created by defining a scale of non-linear (spacing) values using our base values ($global-scale-ratio / $global-baseline) and a multiplier ($global-spacing-factor)..

$global-scale-ratio: 1.33; // Perfect Fourth Ratio
$global-baseline: 1rem; // The Browsers default baseline of 10px converted to rem

To calculate all of our spacing variables we also use a fibonacci sequence i.e. 1, 2, 4, 8, 16 and multiply the above values which each value in this sequence.

e.g.

$global-spacing: (1.33 * 2) * 1rem; // 30px / 3rem

By updating the $global-scale-ratio you can update the spacing values across the entire site.

Colour Scheme

Lorem ipsum dolor sit amet consectetur adipisicing elit. Mollitia, maiores?

#000000
#666666
#15455B
#3C7189

Typography

This project uses the Source Sans Pro Typeface served by Google Fonts

Sizes

Sizes have been generated using a Modular Scale: 1.33 and calculated via a global baseline of 1rem (10px).

The defined Modular Scale calculates your font sizes based on your $base-font-size and $global-scale-ratio

e.g.

$global-scale-ratio: 1.33; // Perfect Fourth Ratio
$base-font-size: 16; // Our decided baseline font-size value
$size-alpha: round(50 * 1.33) = 66.5 | 65px | 6.5rem

The Sizes are calculated on the previous size defined in the hierarchy e.g. $size-beta will be passed in to determine the outcome of $size-alpha.

These values can of course be overridden. e.g.

$size-alpha: _fs($size-beta)

...... could also be:

$size-alpha: 50;

H1 - Alpha 6.5rem

H2 - Beta 4.9rem

H3 - Gamma 3.7rem

H4 - Delta 2.8rem

H5 - Epsilon 2.1rem
H6 - Zeta 1.6rem

Base/Body Size 1.6rem

Components

Page components.

Grid

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Sapiente, alias.


                    <div class="o-row">
                        <div class="o-col  o-col--1"></div>
                    </div>
                

Buttons

Outlines our Buttons and their Modifiers.

Primary Button

<a href="" class="c-btn  c-btn--primary"><span>Button</span></a>

Secondary Button

<a href="" class="c-btn  c-btn--secondary"><span>Button</span></a>

Small Button

<a href="" class="c-btn  c-btn--primary  c-btn--sml"><span>Button</span></a>

Medium Button

<a href="" class="c-btn  c-btn--primary  c-btn--med"><span>Button</span></a>

Large Button

<a href="" class="c-btn  c-btn--primary  c-btn--lrg"><span>Button</span></a>

Narrow Button

<a href="" class="c-btn  c-btn--primary  c-btn--narrow"><span>Button</span></a>

Wide Button

<a href="" class="c-btn  c-btn--primary  c-btn--wide"><span>Button</span></a>


Timeless Grandeur


 

Today, the Inn serves as a reminder of Rochester’s broad history, and celebrates the journey this city has taken by standing tall every day. With all that has changed over the decades, locals and visitors alike can all say they have run their eyes along the cornices, danced their fingers on the bannisters, and celebrated their joys and successes with loved ones in this breathtaking venue. With patrons like you, and with the efforts of our hard-working, dedicated team, we will ensure the Inn on Broadway remains an institution for generations to come.

 quality

As the premier steakhouse in Upstate New York, we only offer the highest quality products available to our guests. We get to know our farmers and purveyors well, in order to ensure our values of integrity and sustainability are upheld at every step of the process. We butcher every primal by hand, and can proudly claim we are one of just a few restaurants in the entire state to dry-age their steaks on-premise. Pair that with an extensive award-winning wine list and incredible seasonal preparations from our kitchen, and you’ve got the recipe for an extravagant night on the town. Because of our unrelenting standards in choosing what we put on the table, we can confidently offer more than a meal – we can give you an experience.

To Our Guests,

We strive to exceed your expectations at every turn. Our philosophy of hospitality is to ensure every need is met, and that you leave having had your cup filled to the brim. Over the years, this historic place has been home to countless celebrations and events, weekend getaways, life-changing opportunities, and laughter with old friends. These stories – your stories – are what have made this into more than just a building or a restaurant. Let us write your next chapters with you; we would love to host your weddings, gatherings, and professional events here in one of our many beautiful spaces.

Private Gatherings