Relais & Châteaux Agence C2iS
Digital Styleguide

The following Digital Styleguide regards the redesign of the website Relais & Châteaux designed by OgilvyOne Paris and produced by C2iS.
It aims to define the design principles used and the "User Interface" workflow for designers and developpers for future graphic declinations and the technical production of the website.


A Maintainable Style Guide as a foundation stone

At C2iS we think that maintaining a UI Style Guide all over the process and to make it an integral part of our development workflow is important for delivering a solid and consistent product.

The document gives and follows the good code-engineering practices used in the project to guarantee a consistent code throughout the project allowing easy maintenance of the website over time.

icon-Ticon-beneficiaryicon-cicon-coicon-oiconActivityiconAdresseiconAlimentationiconArrowBackiconArrowBottomiconArrowBottomBlack iconArrowBottomWhite iconArrowLeftBlack iconArrowLeftWhite iconArrowRightBlack iconArrowRightWhite iconArrowTopBlack iconArrowTopWhite iconAutreiconBaignoireiconBasketiconBasket2iconBasket3iconBasketGastroPlan de travail 1iconBeneficiaryiconBikeiconBookiconBookingsiconBubbleSingleiconBubbleSpeechIcon/eventscalendar iconCalendarCheckiconCalendarLightIcon/eventsiconCalendarOldiconChambreiconChampagneiconCheckOfficonCheckOniconCheckmarkiconCheficonChevronLefticonChevronRighticonClose iconCocktailPlan de travail 1iconCompteiconConciergeiconCrayon Created by potrace 1.16, written by Peter Selinger 2001-2019 iconDelete iconDestinationiconDigitalpassporticonEnfantsiconEventsexpandiconFacebookiconFavoritesiconFlecheiconFlowersiconGifticonHelp iconHistoryiconHomeiconHoteliconHouseRCiconHouseRC2iconInfosiconInstagramiconInvitationiconJaugeiconLabeliconLinkediniconListiconLiticonLiterieiconLockiconLogouticonLysRCiconLysRCLefticonLysRCRighticonMailiconMedalPlusiconMembersiconMobileiconMoodboardiconMovieiconMusiciconNewsletter iconNotesiconOffersiconPartenaireiconPatrimoineiconPhoneiconPieiconPinteresticonPlayerDeezericonPlayerSpotifyiconPlayerYoutubeiconPresentationiconPressReleaseiconPrinticonQuotesiconRefreshiconResaiconRestaurantarrow-right2 iconRightArrow2iconRoute1234iconScreeniconSearchiconServiceiconSettingiconSettingsInstagramiconSettingsLinkediniconShareiconSporticonSurfaceiconTagiconToqueiconToqueDrawingiconTrashCaniconTravelbookiconTwittericonUsericonViewListiconViewMapiconVillaiconViniconVoyageiconVoyageursiconWaiterDrawingiconWineDrawingiconXperienceIcone-veloCreated with Sketch. Icone-bateauCreated with Sketch. Icone-voitureCreated with Sketch. Icone-informationCreated with Sketch. Icone-avionCreated with Sketch. Icone-bonhommeCreated with Sketch. icon-flag_ch icon-flag_fr icon-flag_it gift icon-gift_calendar checkmark equalizer2 icon-gift_ecoffret icon-gift_ecrin icon-gift_enveloppeback-in-timeyjhjghicon-gift_help credit-card icon-gift_phone icon-gift_shop icon-gift_sphere truck user icon-gift_zoom