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

Button

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

Secondary Button

Button

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

Small Button

Button

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

Medium Button

Button

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

Large Button

Button

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

Narrow Button

Button

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

Wide Button

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.

THANK YOU

“I can’t thank you and your entire team enough. Everyone here had a great time on Saturday and can’t say enough good things about the entire evening from the food to the service- everything was top notch. We are so appreciative of all that was done to ensure we had a great event. Thank you, thank you, thank you!”

-Laura, Dermatology Association of Rochester

DOWNTOWN DESTINATION

“Incredibly comfortable- We even got in touch after our stay to find out how to buy the pillows. The building is old, but the rooms are well-appointed and the bathrooms have the best shoes and hair products. If you are headed to a show Downtown it’s a great location!”

– Shadra, A beloved Broadway Guest

BEST PLACE TO STAY

“When I arrived at the Inn on Broadway they immediately told me check-in was at 4 PM but they would do everything they could to check me in earlier. The woman in the small office where customers check-in immediately called the cleaning crew and said “Mr. Hagen is here is there any way we can tackle his room right away”. This immediately jumped out at me because it showed a sense of urgency and commitment to the customer experience. I was allowed to check-in two hours earlier and after a long drive, you cannot imagine how great that felt.

As I walked to my room a young cleaning lady looked at me and asked if I was staying in room 303 and I said no I was in 301. She smiled and I mean really smiled, and said “oh I just cleaned it’s an awesome room, and 301 the room you’re staying in is fantastic. Have a great day and please let us know if there’s anything I can do to assist you. I shared why their mentality and why the work they do is so vitally important especially to those who travel in or out of the comfort of their own homes.”

-Tim, A Beloved Broadway Guest

Great meal, service, and atmosphere

“We recently went to Tournedos for dinner and we were very pleased with the entire experience. The seafood bisque was creamy with nicely sized pieces of meat and the olive oil that was served with bread was delicious. I had the Tournedos of beef au Poivre that came wrapped in bacon and my fiancée had one of the dry-aged sirloins. Both were amazing. We also had the mashed potatoes and sweet potatoes that were served with enough to share thankfully. We had chocolate raspberry cake to go which was great too. Everything that we ordered was done really well and we would highly recommend the restaurant to anyone looking for a nice meal in the city.”

-Traveling Lawyer, A Tournedos Steakhouse Guest