# Website styles, from friendly to premium. Friendly and warmClean professionalBold and brandedPremium and cinematic FriendlyPremium Client sites are live businesses. Concepts are labelled: they show a design direction and are not customer sites. Calderwick Interiors is a fictional company made for two of them. Every style, friendly or cinematic, is built the same way underneath, with the words in the page itself and a plain copy for AI tools. See the [managed website plans](https://bluecraneworks.ca/solutions/websites.html); bigger builds, including [immersive ones](https://bluecraneworks.ca/solutions/websites.html#immersive), are scoped and quoted in writing first. 1 of 4 ## Friendly and warm Light pages, soft colour, plain-spoken words and one obvious next step. Approachable, so nobody feels talked down to. [![Carisma Church on a desktop screen](https://bluecraneworks.ca/images/work/styles/carisma.webp) ![](https://bluecraneworks.ca/images/work/styles/carisma-phone.webp)](https://carismachurch.ca/) ### Carisma Church Client site A light page with a large faded logo mark, a rust accent and the service times right up front. SuitsChurches and community groups [Visit carismachurch.ca](https://carismachurch.ca/) [![Blessed Cleaning on a desktop screen](https://bluecraneworks.ca/images/work/styles/blessed.webp) ![](https://bluecraneworks.ca/images/work/styles/blessed-phone.webp)](https://blessedcleaning.bluecraneworks.ca/) ### Blessed Cleaning Client site A cream ground, a heavy serif headline, blush-pink buttons and a soft photo card. SuitsCleaning, organizing and personal services [Visit blessedcleaning.bluecraneworks.ca](https://blessedcleaning.bluecraneworks.ca/) [![Referral Flooring on a desktop screen](https://bluecraneworks.ca/images/work/styles/referral-flooring.webp) ![](https://bluecraneworks.ca/images/work/styles/referral-flooring-phone.webp)](https://www.referralflooring.com/) ### Referral Flooring Client site A split hero with a classic serif headline, a real room photo and a step-by-step estimate picker. SuitsFlooring, renovation and estimate-led trades [Visit www.referralflooring.com](https://www.referralflooring.com/) 2 of 4 ## Clean professional Confident and orderly: real photography, restrained type and a clear grid. Reads as an established business. [![Klein](https://bluecraneworks.ca/images/work/styles/kleins.webp) ![](https://bluecraneworks.ca/images/work/styles/kleins-phone.webp)](https://kleinscarpetclean.com/) ### Klein's Carpet Cleaning Client site A full-bleed room photo, a tall condensed serif headline and a black quote button. SuitsHome services that want a polished feel [Visit kleinscarpetclean.com](https://kleinscarpetclean.com/) [![Commercial Garage Doorman on a desktop screen](https://bluecraneworks.ca/images/work/styles/cgd.webp) ![](https://bluecraneworks.ca/images/work/styles/cgd-phone.webp)](https://www.commercialgaragedoorman.ca/) ### Commercial Garage Doorman Client site A pale blueprint grid, bold capitals, mono labels and a strip of the customers it serves. SuitsCommercial and business-to-business service [Visit www.commercialgaragedoorman.ca](https://www.commercialgaragedoorman.ca/) 3 of 4 ## Bold and branded Dark grounds, heavy capitals and a loud brand colour, built around the logo and the truck. Strong and memorable. [![Garage Doorman on a desktop screen](https://bluecraneworks.ca/images/work/styles/garagedoorman.webp) ![](https://bluecraneworks.ca/images/work/styles/garagedoorman-phone.webp)](https://www.garagedoorman.ca/) ### Garage Doorman Client site Navy and electric blue, heavy italic capitals and the branded truck in a lit garage. SuitsTrades with a strong brand [Visit www.garagedoorman.ca](https://www.garagedoorman.ca/) [![Dodge Daddy on a desktop screen](https://bluecraneworks.ca/images/work/styles/dodgedaddy.webp) ![](https://bluecraneworks.ca/images/work/styles/dodgedaddy-phone.webp)](https://dodgedaddy.ca/) ### Dodge Daddy Client site Black and red, condensed capitals and the badge logo glowing behind the headline. SuitsAuto, parts and enthusiast businesses [Visit dodgedaddy.ca](https://dodgedaddy.ca/) [![Servants Outdoor Solutions on a desktop screen](https://bluecraneworks.ca/images/work/styles/servants.webp) ![](https://bluecraneworks.ca/images/work/styles/servants-phone.webp)](https://servantsoutdoorsolutions.bluecraneworks.ca/) ### Servants Outdoor Solutions Client site Near-black with a huge rounded headline, an orange accent and a row of stats. SuitsLandscaping and construction [Visit servantsoutdoorsolutions.bluecraneworks.ca](https://servantsoutdoorsolutions.bluecraneworks.ca/) [![Commercial garage door, dark concept on a desktop screen](https://bluecraneworks.ca/images/work/styles/cgd-concept.webp) ![](https://bluecraneworks.ca/images/work/styles/cgd-concept-phone.webp)](https://cgd-concept.pages.dev/) ### Commercial garage door, dark concept Concept Charcoal and amber, condensed capitals and a hazard-stripe edge. An earlier direction for Commercial Garage Doorman. SuitsIndustrial and commercial [Visit cgd-concept.pages.dev](https://cgd-concept.pages.dev/) 4 of 4 ## Premium and cinematic Full-screen photography, video or 3D, generous space and fine type. The site itself is the impression. The most build work, and still readable by Google and AI. [![Amarettos on a desktop screen](https://bluecraneworks.ca/images/work/styles/amarettos.webp) ![](https://bluecraneworks.ca/images/work/styles/amarettos-phone.webp)](https://amarettos.ca/) ### Amarettos Client site The storefront at dusk, a spaced serif logo, an italic headline and a moving brand strip. SuitsBoutiques and retail [Visit amarettos.ca](https://amarettos.ca/) [![Studio Rhema on a desktop screen](https://bluecraneworks.ca/images/work/styles/rhema.webp) ![](https://bluecraneworks.ca/images/work/styles/rhema-phone.webp)](https://studio-rhema.com/) ### Studio Rhema Client site A full-screen warm video, tiny spaced capitals, a lowercase headline and glass buttons. SuitsBeauty, wellness and studios [Visit studio-rhema.com](https://studio-rhema.com/) [![Calderwick Interiors: Threshold on a desktop screen](https://bluecraneworks.ca/images/work/styles/calderwick-threshold.webp) ![](https://bluecraneworks.ca/images/work/styles/calderwick-threshold-phone.webp)](https://calderwick-threshold.pages.dev/) ### Calderwick Interiors: Threshold Concept Deep navy and light serif type; the hero opens through an aperture and a slider shows the room before and after. Calderwick is a fictional company. SuitsLuxury renovation [Visit calderwick-threshold.pages.dev](https://calderwick-threshold.pages.dev/) [![Calderwick Interiors: Hours on a desktop screen](https://bluecraneworks.ca/images/work/styles/calderwick-hours.webp) ![](https://bluecraneworks.ca/images/work/styles/calderwick-hours-phone.webp)](https://calderwick-hours.pages.dev/) ### Calderwick Interiors: Hours Concept One bathroom lit through a whole day: scrolling moves the sun from dawn to lamplight. Calderwick is a fictional company. SuitsLuxury design-build [Visit calderwick-hours.pages.dev](https://calderwick-hours.pages.dev/) [![Garage door designer on a desktop screen](https://bluecraneworks.ca/images/work/styles/gd-studio.webp) ![](https://bluecraneworks.ca/images/work/styles/gd-studio-phone.webp)](https://gd-studio-preview.pages.dev/) ### Garage door designer Concept An interactive 3D house: pick a door style, change the time of day and see the price. A preview built for Garage Doorman. SuitsProducts people configure before they buy [Visit gd-studio-preview.pages.dev](https://gd-studio-preview.pages.dev/) [![Blackbox on a desktop screen](https://bluecraneworks.ca/images/work/styles/blackbox.webp) ![](https://bluecraneworks.ca/images/work/styles/blackbox-phone.webp)](https://bluecraneworks.ca/blackbox) ### Blackbox Our product Our own product page: a 3D stack of paper that assembles as you scroll, with every word still readable by search engines. SuitsPremium products and services [Visit bluecraneworks.ca/blackbox](https://bluecraneworks.ca/blackbox) --- Source: https://bluecraneworks.ca/work/website-styles