Brand Guidelines

Färgpalett — klicka för att kopiera HEX

Riktlinjer

# Fasciaklinikerna — Visuella Riktlinjer *Sammanställt från 5 dokument. Konfidentiellt internt material.* --- ## Visuella Riktlinjer ## Fasciaklinikerna — Visuella Riktlinjer ### Brand Description Fasciaklinikerna är en rörelse som förvandlar hur vi ser på kropp, hälsa och lärande. De arbetar i korsningen mellan klinisk praktik, forskning, teknik och organisation, med ett tydligt systemperspektiv. De bygger ekosystem — kliniker, maskinteknik, utbildning och digitala tjänster — för att göra fascia-baserad vård tillgänglig och trovärdig globalt. Fokus ligger på skalbarhet, trovärdighet och praktisk spridning av fascia-kunskap. De bygger ett helhets-hälsosystem för physical relief, mobility & function: kliniker + maskinteknik + utbildning + digitala produkter. ### Logo Fasciaklinikernas logotyp är den viktigaste visuella identiteten och ska alltid användas korrekt och konsekvent. Den består av en symbol och en logotyptext. Symbolen representerar fascia och dess komplexa nätverk. Logotyptexten är satt i typsnittet Orgon Slab Bold. **Frizon:** Det skyddade området runt logotypen måste alltid vara fritt från andra grafiska element, text eller bilder. Minsta frizon definieras av höjden på bokstaven 'a' i 'fascia'. **Minsta storlek:** * **Tryck:** 20 mm bredd * **Digitalt:** 80 px bredd **Varianter:** * **Primär:** Fullfärg (Fascia Grön) * **Vit:** För mörka bakgrunder * **Mörk:** För ljusa bakgrunder (gråskala) **Felaktig användning:** Logotypen får inte sträckas, förvrängas, ändra färger, lägga till effekter eller placeras på röriga bakgrunder utan tillräcklig frizon. ### Colors **Primärfärg:** * **Fascia Grön:** * HEX: #00A89C * RGB: 0, 168, 156 * CMYK: 80, 0, 45, 0 * Pantone: 326 C **Sekundärfärger:** * **Mörkblå:** * HEX: #003049 * RGB: 0, 48, 73 * CMYK: 100, 35, 0, 70 * Pantone: 534 C * **Ljusgrå:** * HEX: #F7F7F7 * RGB: 247, 247, 247 * CMYK: 0, 0, 0, 5 * **Mörkgrå:** * HEX: #333333 * RGB: 51, 51, 51 * CMYK: 0, 0, 0, 80 **Accentfärger:** * **Orange:** * HEX: #FCBF49 * RGB: 252, 191, 73 * CMYK: 0, 25, 70, 0 * **Lila:** * HEX: #D62828 * RGB: 214, 40, 40 * CMYK: 0, 80, 65, 0 ### Typography **Rubriker:** * **Neo Sans Regular:** Används för huvudrubriker och underrubriker. * Exempel: Rubriker Neo Sans regular 24/26, 2 mm under, mörkt blågrön **Brödtext:** * **Orgon Slab Extralight:** Används för brödtext. * Exempel: Brödtext Orgon Slab Extralight 10/14, 2 mm efter stycke, punkter **Underrubriker (specifik användning):** * **Orgon Slab Bold:** Används för underrubriker i vissa sammanhang, t.ex. i digitala applikationer. * Exempel: Underrubriker Orgon Slab Bold 14/15, 4 mm efter stycke, mörkt blågrå ### Tone of Voice Kommunikationen präglas av värme före hype, berättande före argumentation. Tonen är lågmäld, varm och rak. Texter ska skapa riktning, inte sälja. Viktigt är att undvika medicinska garantier och istället fokusera på "physical relief / mobility / function". Pilotdata ska differentieras från publicerad forskning. ### Usage Rules **Logotyp:** * **Frizon:** Minsta frizon runt logotypen definieras av höjden på bokstaven 'a' i 'fascia'. Inga andra grafiska element, text eller bilder får finnas inom detta område. * **Minsta storlek:** För tryck är minsta bredd 20 mm, för digitalt bruk 80 px. * **Felaktig användning:** Logotypen får inte sträckas, förvrängas, ändra färger, lägga till effekter eller placeras på röriga bakgrunder utan tillräcklig frizon. **Bilder:** * **Undvik illustrationer:** Fasciaklinikerna har en enkel och tydlig framtoning som i första hand kommuniceras i fotografisk bild. * **Fotografisk bild:** Bilder bör vara ljusa och positiva och visa på miljön med behandlingsrum eller liknande. De bör upplevas avslappnade, naturliga, icke-arrangerade och äkta. De bör variera i ålder, kön, etnicitet etc. Bilderna bör inte vara på omslag utan endast på insidor och vid beskrivning av smärta. * **Välbefinnande:** Bilder som visar glädje och välmående som uppstår vid frihet från smärta. * **Smärta:** Bilder som visar människor som är tydligt plågade av smärta. Dessa bilder bör vara naturliga och icke-arrangerade, gärna i kontorsmiljö. * **Terapeutbilder:** Inköpta och autentiska bilder på terapeuter används. Bör vara ljusa och positiva och visa på miljön med behandlingsrum eller liknande. * **Produktbilder:** Fotografier av produkter som används för att uttrycka kvalitet och ge förtroende. ### Visual Elements **Fasciabård:** En grafisk bård som används för att rama in eller separera innehåll. Den är 12mm bred och kan vara mörkblågrön. **Ikoner:** Används för funktioner som Sök, Hitta behandling, Logga in (för terapeuter och andra professionella) och Språk. Ikonerna är vita och placeras i överkant på webbsidor. **Fotografi:** * **Stil:** Ljusa, positiva bilder som visar människor i olika åldrar och kön, med fokus på välbefinnande, smärta, terapeuter och produkter. Bilderna ska vara naturliga och icke-arrangerade. * **Användning:** Bilder av välbefinnande visar glädje och frihet från smärta. Bilder av smärta visar människor som är plågade. Terapeutbilder visar terapeuter i behandlingsmiljö. Produktbilder visar produkterna för att förmedla kvalitet. **Övriga grafiska element:** Kan brytas av med bård i mörkblågrön med citat eller liknande. Text i Neo Sans Medium i vitt. Bilder bör om möjligt "haka fast" mot bårder i överkant och nederkant för att skapa en mer sammanhållen sida. Vid breda sidor kan artiklar ligga till höger med bilder till vänster för att utnyttja sidans bredd. Längst ner fasciabården och där under sidfot i svart med logo till vänster (OBS!). Adress och annan text till höger i Graphik Light. ### Applications **Bildekor:** För vita bilar används logotypen i färg. I övrigt används den vita logotypen. **Certifiering:** Märken/pins för Fasciaterapeut och Fasciaspecialist i nivå 1 (brons), 2 (silver) och 3 (guld). Baksidan har ett unikt numrerings- och äkthetsbevis. **Metodbok:** En fysisk och digital metodbok som innehåller kunskap om metoder, forskning och arbetssätt. Den är uppdelad i olika områden med tydliga beskrivningar, tips och råd. Den är upplagd för att uppdateras kontinuerligt och ska finnas tillgänglig i både tryckt och digitalt format (t.ex. iPad). --- ## Ramverk branding lokala mottagningar ## 1. Brand Name Fasciaklinikerna ## 2. Brand Description Fasciaklinikerna is an expanding network of clinics, with a clear need for a consistent and stable graphic identity across all locations, regardless of their individual characteristics. The core purpose of this framework is to ensure that all clinics are clearly recognizable as Fasciaklinikerna, maintaining a unified brand perception. ## 3. Logo The document mentions the use of the Fasciaklinikerna logotype. It specifies that the entire logotype, in white, should be placed directly on the glass pane of an entrance door if available. If a door lacks a glass pane or if there\'s an opportunity, the logotype is to be placed in color against a white background on the facade sign. A crucial rule is that the logotype must never be placed against the mesh pattern. ## 4. Colors Specific color codes (HEX, RGB, CMYK, Pantone) are not explicitly mentioned in this document. The logotype is referred to as being used in "white" or "in color against a white background" for signage. ## 5. Typography Specific font families, weights, or usage rules for typography (headings, body, etc.) are not explicitly mentioned in this document. ## 6. Tone of Voice Communication style or key messages defining the brand\'s tone of voice are not explicitly mentioned in this document. ## 7. Usage Rules ### General Principles for Branding * If a local clinic has an entrance door with a glass pane, the entire Fasciaklinikerna logotype should be placed directly on the glass in white. * The logotype must never be placed against the mesh pattern. * If the door lacks a glass pane or if there is an opportunity, the logotype should be placed in color against a white background on the facade sign. * The mesh pattern is to be used on all other glass surfaces. The placement should always start from the top-left corner of the basic pattern, ensuring the pattern appears "coherent" across all windows. * Original designs are to be produced when accurate measurements for the respective premises are available. * The scale of the mesh pattern must always remain consistent. Wall signs and door signs are required to harmonize with the specific conditions of each local clinic. ### Mesh Pattern Application To ensure consistency, a broad pattern area has been developed for use on glass surfaces, designed to accommodate large rows of window surfaces. This pattern is identical to the one used at Fasciaklinikerna\'s premises in Sollentuna, with a specified width of 26 meters and a height of 2.87 meters. The pattern is always applied at the correct scale, originating from the top-left point. The glass surface positioned furthest to the left will always initiate the pattern from its upper left corner. ## 8. Visual Elements ### Mesh Pattern (Nätmönster) The primary visual element described is the "nätmönster" (mesh pattern) for glass surfaces. This pattern is used to create a consistent visual identity across different clinic locations. The document provides examples of how this pattern is applied to various glass configurations, including rows of windows with glass doors and different constellations of glass surfaces. For premises with windows on two sides, a mirrored version of the pattern is used on the back, and specific versions exist for gable ends. ## 9. Applications The brand elements, particularly the mesh pattern and logotype, are applied to clinic exteriors, specifically on glass surfaces (windows, doors) and facade signage. The document provides several examples of how these elements are applied in different clinic locations: * **Jönköping**: The display window is covered with the mesh pattern, starting from the upper left corner and continuing to the three glass panes above the door. A white logotype is placed on the glass surface of the door, without the mesh pattern. A small white sign with the logotype in color hangs on the building\'s own sign holder. * **Kalmar**: Window rows are covered with the mesh pattern, utilizing both front and gable patterns. A white logotype is on the glass surface of the door, with no pattern. The pattern is also applied to glass surfaces inside the building. * **Fliseryd**: Window rows are covered with the mesh pattern, using both front and back sides of the pattern. A white logotype is on the glass surface of the door, with no pattern. The pattern is also used on glass surfaces in the entrance area, but not on the right door. * **Gävle**: Two small windows are covered with the mesh pattern, following the same principles as other locations. The logotype in color is on a white sign on the facade, matching the width of the sign above. * **Malmö**: A window with mullions is covered by the mesh pattern. The logotype in color is on a white sign that covers one of the panes in the door. * **Västervik**: Window rows are covered with the mesh pattern, which is also used in the stairwell. If possible, a white logotype is placed on the glass surface of the door facing the street, with the pattern in the lower glass surface. A white sign with the logotype in color is on the door to the clinic. ## 10. Any Other Relevant Brand Information This document primarily focuses on the application of the mesh pattern and logotype for local clinic exteriors. It emphasizes consistency and adherence to guidelines for visual representation across diverse physical locations. The document is titled "Ramverk branding lokala mottagningar" (Framework branding local clinics) and was created on September 12, 2022. The Franketc. logo is visible on all pages, indicating the design agency or creator of the document. --- ## Visual Elements - Glass Patterns ## 1. Brand name Fasciaklinikerna ## 2. Document type Visual Elements - Glass Patterns ## 3. Colors Not explicitly defined in this document. The document primarily showcases visual patterns on glass, with a dominant light blue/cyan color used for emphasis in some architectural renderings. ## 4. Typography Not defined in this document. ## 5. Logo The "fascia klinikerna" logo is present on several pages, but its variants, usage rules, or clear space are not defined in this document. ## 6. Visual elements This document primarily focuses on **glass patterns** for interior design within Fasciaklinikerna facilities. The patterns consist of abstract, intersecting lines, creating a dynamic and modern aesthetic. **Usage:** The glass patterns are shown applied to: * **Interior glass walls/partitions:** Used to create semi-transparent divisions within the clinic space, as seen in various floor plans and interior renderings. * **Window surfaces:** Implied for privacy or decorative purposes. The patterns are depicted in a light, etched, or frosted glass style, allowing for light transmission while providing visual interest and a degree of privacy. The overall impression is one of openness and contemporary design. ## 7. Usage rules Specific usage rules (dos and don'ts) for the glass patterns are not explicitly stated, but their application in the provided visuals suggests: * Integration into architectural elements like partitions and windows. * Consistency in the pattern design across different applications. ## 8. Any other brand information This document is a visual guide for the application of specific glass patterns within Fasciaklinikerna's physical spaces, likely for architectural or interior design purposes. It does not contain comprehensive brand guidelines such as color palettes, typography, or detailed logo usage. --- ## Färgdefinitioner Detta dokument definierar färgerna som används inom Fasciaklinikernas varumärke. ## 1. Färger ### 1.1 Primär färgskala #### Kallgrön * **RGB:** R 139, G 203, B 183 * **Pantone:** 337 C, 571 U * **CMYK:** C 50, M 0, Y 35, K 0 #### Mörkt blågrön * **RGB:** R 0, G 137, B 153 * **Pantone:** 7474 C, 321 U * **CMYK:** C 86, M 29, Y 38, K 0 ### 1.2 Sekundär färgskala #### Ljusgrå * **RGB:** R 188, G 188, B 188 * **Pantone:** Cool Gray 4 C, Cool Gray 4 U * **CMYK:** C 30, M 22, Y 23, K 3 #### Mörkgrå * **RGB:** R 76, G 79, B 86 * **Pantone:** 7540 C, Black 6 U * **CMYK:** C 67, M 56, Y 46, K 41 #### Silver * **RGB:** Ej specificerat * **Pantone:** 877 C, 877 U * **CMYK:** Ej specificerat ### 1.3 Accentfärger #### Grön * **RGB:** R 25, G 152, B 139 * **Pantone:** 7473 C, 569 U * **CMYK:** C 79, M 16, Y 51, K 2 #### Violett * **RGB:** R 140, G 60, B 103 * **Pantone:** 689 C, 2425 *[Innehåll förkortat för prestanda. Se fullständig fil för detaljer.]*