# The Noir Society ## Brand identity guide Version 1.0 · Concept system · Prepared for the test website and brand board **A more interesting kind of company.** The Noir Society is a private cultural circle built around spirits, wine, agave, education, and meaningful conversation. It connects the pleasure of a well-made drink with the wider world of books, people, places, and ideas. Its identity brings the detail of a heritage coat of arms into a clear, contemporary system. This guide defines the intended brand. The current website is a demonstration: its gatherings, venue, membership process, products, and editorial scenarios are illustrative. Reference artwork is a creative source, not evidence of an established venue, registered mark, historical founding, formal heraldic grant, or operating partnership. ## 1. Brand foundation ### Purpose Make room for more interesting company: people willing to discover something, share what they know, and leave with a wider view of the world. ### Positioning For curious adults who value culture and genuine connection, The Noir Society is a considered social circle where books and spirits open the door to better conversation. It offers the intimacy of a private gathering with the intellectual generosity of a good host. ### Brand promise **An evening worth remembering. A conversation worth continuing.** Every touchpoint should offer at least one of three things: a discovery, a useful introduction, or a story worth carrying forward. Premium presentation earns its place through care, hospitality, and substance. ### Audience - The curious enthusiast who wants to understand a spirit, a maker, or a place beyond its label. - The cultural participant who moves naturally between books, art, music, design, food, and travel. - The thoughtful connector who values a small, welcoming room and conversations with depth. - The newcomer who brings curiosity rather than specialist knowledge. The audience is adult and subject to the participation requirements of the venue and jurisdiction. Choosing not to drink alcohol must never make someone a lesser participant. Alcohol-free pairings belong in the experience design and its language. ### Character | Trait | How it appears | | ------------------- | -------------------------------------------------------------------------------- | | Curious | Ask an informed question. Offer a useful detail. Give credit to the maker. | | Cultured | Connect a bottle to its place, a book to an idea, and a guest to a conversation. | | Hospitable | Explain how to participate. Welcome the newcomer. Anticipate practical needs. | | Discerning | Select carefully and explain the selection without inflated claims. | | Quietly distinctive | Use confident typography, considered space, and one memorable detail. | The visual mystery should invite discovery. The membership language should feel human and transparent. ## 2. Brand architecture **The Noir Society** is the master brand. Experiences, editorial, membership, and products sit beneath it; they do not each need a separate logo. | Level | Name or phrase | Role | | ---------------------- | ---------------------------------------------------------------------- | --------------------------------------------------------------------------- | | Master brand | The Noir Society | The name on all primary touchpoints. | | Opening line | A more interesting kind of company. | The central invitation and preferred hero opening. | | Cultural lens | Stories · People · Places · Culture | Editorial scope and a recurring visual signature. | | Foundational motto | Ex Libris et Spiritu | Heritage inscription; translated in brand copy as “From books and spirits.” | | Experience pillars | Discover · Discuss · Create · Belong | The rhythm of participation. | | Community line | Good people. Better conversations. | Warm community invitation. | | Membership chapter | The Circle Decides | A named membership section and ceremonial editorial device. | | Supporting inscription | The seal is not given lightly. | A limited-use line for formal membership materials. | | Experiences | Private Tastings, Store Picks, Society Releases, Education, Gatherings | Descriptive offers under the master brand. | | Editorial | Dispatches | Long-form notes, interviews, discoveries, and invitations. | Use “The Circle Decides” and “The seal is not given lightly” sparingly. Any real selection process must explain its criteria, timing, and decision owner in plain language. Ceremonial language must not substitute for a clear answer. The supplied website reference includes “In partnership with Liquor Library.” Treat this as a reference-supplied proposed credit. Confirm the relationship, approved name, logo, wording, and placement before making it a public operational claim. ### Recommended site structure 1. **The Society:** opening, positioning, and cultural lens. 2. **Experiences:** Private Tastings, Store Picks, Society Releases, Education, and Gatherings. 3. **Membership:** The Circle Decides and a clear introduction process. 4. **Community:** Good People. Better Conversations.; a Discord invitation when an approved destination exists. 5. **Dispatches:** editorial notes that show the society’s point of view. 6. **Inquire:** a real contact or a clearly labeled demo introduction. Store Picks and Society Releases are editorial categories in the test site. Do not imply stock, price, purchase, or delivery capability until those workflows exist. A Discord control needs an approved working invitation; a demo must explain its status rather than linking to an invented community. ## 3. The identity family The system has four related marks. They share a warm metallic palette and deliberate proportions, while each serves a different viewing distance. ### Primary wordmark **THE NOIR SOCIETY** is the primary identifier. Use an elegant high-contrast serif with a small “THE,” a dominant “NOIR SOCIETY,” and generous surrounding space. The cultural lens or motto may appear beneath it when there is room. For the test system, Playfair Display provides the typographic starting point. The final logo should be an approved outlined master with resolved spacing, rather than a new live-text rendering on every application. Keep the brand name as accessible text or an accessible image label on the website. Use the wordmark in navigation, cover pages, invitations, labels, and sign-off areas. Do not force the full tagline into a small navigation lockup. ### Heritage crest / coat of arms The supplied coat of arms is the ceremonial expression of the brand. Preserve its composition: alert guardian head above the shield, open book, grapes, agave, barrel, hourglass, flanking bottles, botanical ornament, and ribbon inscriptions. | Element | Meaning in this brand system | | ------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | Guardian head | Attention, independent judgement, and a host who watches over the room. Preserve the reference animal’s silhouette; settle its official name when approving the master drawing. | | Open book | Learning, stories, and knowledge shared freely. | | Grapes | Wine, origin, season, and the people who cultivate it. | | Agave | Place, patience, craft, and agave spirits. | | Barrel | Maturation, transformation, and the value of time. | | Hourglass | Presence: a reminder to give the moment your attention. | | Bottles | The collected stories held by spirits and their makers. | | Botanical surround | Growth and the connections between the elements. | | Motto ribbon | The meeting of books and spirits in one identity. | These are the proposed meanings of the concept artwork. Use them consistently once approved. Do not add a founding date, geographic claim, rank, crown, or historical provenance that has not been established. Reserve the full crest for applications that reward close attention: a membership folio, a large invitation, a brand-board feature, a bottle neck card, or a prominent website illustration. A complex crest is not the default small-screen navigation mark. ### Modern NS monogram An interlocking **N / S** and an eight-point guiding star form the contemporary shorthand. The monogram connects the legacy-like crest to a simpler modern surface. Use it on glassware, a card reverse, a favicon, an app icon, social avatars, small stamps, and repeated pattern details. The star is a distinctive accent. Keep its orientation and geometry consistent. Do not turn it into a rating device or use multiple different star shapes in the same system. ### Circular seal The circular seal frames the monogram or a simplified crest with “THE NOIR SOCIETY” and the motto. It belongs on an envelope, a membership certificate, an avatar, a wax-seal application, or a formal endorsement. Use the monogram seal at smaller sizes. Use a crest seal only where the internal detail and lettering remain clear. For a real wax stamp or embossing die, have the manufacturer review the artwork and create a production-specific reduction. ### Mark hierarchy Use one leading mark per composition. A wordmark and a crest can coexist in a formal lockup; a small monogram may then act as a quiet detail. Avoid placing all four marks at equal size on an invitation or webpage. The brand board is the appropriate place to show the whole family together. ## 4. Logo production rules ### Clear space Use **X**, the cap height of the “N” in the wordmark, as the base measurement. - Wordmark: at least **0.5X** on every side; **1X** on a hero, cover, or sign. - Standalone monogram: at least **one quarter of its total height** on every side. - Crest: at least **one tenth of its total height**, measured beyond all ribbon and botanical details. - Seal: at least **one eighth of the outer diameter** on every side. Keep partner marks outside this space. Size partner marks by visual weight and an approved co-branding agreement. ### Minimum sizes These are conservative starting points for this detailed artwork. Approve them against the actual master and production method before release. | Mark | Digital minimum | Print minimum | Small-size alternative | | ---------------------- | --------------- | -------------- | ---------------------------- | | Primary wordmark | 180 px wide | 45 mm wide | Monogram | | Full crest | 180 px high | 45 mm high | Simplified crest or monogram | | NS monogram | 24 px high | 8 mm high | Star-only favicon at 16 px | | Monogram circular seal | 80 px diameter | 22 mm diameter | Standalone monogram | | Crest circular seal | 160 px diameter | 40 mm diameter | Monogram circular seal | ### Approved treatments 1. Champagne or Antique Gold on Obsidian. 2. Champagne on Charcoal or Walnut. 3. Obsidian on Champagne for a light application. 4. Single-colour black or reversed white when a process cannot reproduce the palette. 5. A genuine gold foil, deboss, or emboss treatment approved against a physical proof. Use a flat colour for most digital logos. A metallic photographic treatment belongs in a material mockup; it should not be the only available master. Do not stretch, rotate, redraw letter spacing, replace the guardian animal, alter the motto, add drop shadows, place a detailed mark over a busy photograph, or crop a crest into an unrecognisable fragment. Do not simulate a gold gradient so strongly that the lettering loses contrast. ### Required master asset set Produce approved vector masters for `wordmark`, `heritage-crest`, `monogram`, and `circle-seal`, each in positive, reversed, and one-colour versions. Use SVG for web, PDF for vector print handoff, and transparent PNG exports for office tools. Preserve editable source files separately from outlined distribution files. Recommended naming: `noir-society_[mark]_[colour]_[variant]_v1.svg`. Export PNGs at 1×, 2×, and 3× from the same master. Include a 16/32/48 px favicon set, a 180 px touch icon, and square avatar exports. Manually inspect the smallest renderings. The current visual-board or generated imagery is an art-direction asset. Production logo files still require a clean vector master, spelling review, small-size review, and rights review before fabrication or formal brand registration. ## 5. Colour system | Colour | HEX | RGB | Role | | ------------ | --------- | ------------- | ------------------------------------------------------- | | Obsidian | `#0B0B0C` | 11, 11, 12 | Primary background; wordmark on a light surface. | | Charcoal | `#1A1A1D` | 26, 26, 29 | Cards, navigation, dialogs, and layered dark surfaces. | | Walnut | `#3E2F25` | 62, 47, 37 | Warm secondary surface and material reference. | | Champagne | `#D8C9A7` | 216, 201, 167 | Primary text, quiet rules, light stationery. | | Antique Gold | `#B89B5E` | 184, 155, 94 | Logo, emphasis, action controls, and fine illustration. | As an initial composition guide, use roughly **65% Obsidian, 20% Charcoal/Walnut, 10% Champagne, and 5% Antique Gold**. These are visual proportions, not a rigid pixel count. The overall impression should remain dark, warm, and legible. For print, convert from the approved master through the printer’s colour profile and select any metallic stock or foil from physical samples. Do not treat a screen HEX value as a guaranteed foil, spot colour, or CMYK match. ### Verified contrast Ratios below use the WCAG relative-luminance calculation for the exact opaque HEX colours. Normal text requires at least **4.5:1** for WCAG AA; large text and necessary graphical boundaries require **3:1**. Large text means at least 24 CSS px regular or approximately 18.7 CSS px bold. | Foreground / background | Ratio | Approved use | | ------------------------ | ----------- | -------------------------------------------------------------------- | | Champagne / Obsidian | **12.02:1** | Body text, headings, and controls. | | Champagne / Charcoal | **10.61:1** | Body text, headings, and controls. | | Champagne / Walnut | **7.83:1** | Body text, headings, and controls. | | Antique Gold / Obsidian | **7.39:1** | Text, icons, and focus indicators. | | Antique Gold / Charcoal | **6.52:1** | Text, icons, and focus indicators. | | Antique Gold / Walnut | **4.82:1** | Normal text; retain full opacity and verify the actual surface. | | Obsidian / Champagne | **12.02:1** | Light applications and form fields. | | Walnut / Champagne | **7.83:1** | Text on light stationery. | | Antique Gold / Champagne | **1.63:1** | Decorative accents only. | | Charcoal / Obsidian | **1.13:1** | Surface layering only; insufficient as a necessary control boundary. | Opacity, texture, photography, thin type, and gradients can change practical readability. Check the rendered result. Do not put Gold text on Champagne or rely only on a Charcoal card against Obsidian to identify an input. Provide a sufficiently contrasting border, label, or other visible cue. ## 6. Typography ### Primary families **Playfair Display** carries the heritage: editorial headings, a large opening line, selected quotes, and the typographic starting point for the wordmark. Prefer regular and medium weights. Italic is an accent for a short phrase, not the default style of every heading. **Inter** carries the modern system: body copy, navigation, dates, forms, captions, and supporting labels. Use regular, medium, and semibold weights. Its clarity keeps the ornate identity practical. Use locally served, licensed font files. Keep the SIL Open Font License with the distributed font assets. Fallback stacks are `Playfair Display, Georgia, serif` and `Inter, Arial, sans-serif`. ### Digital type scale | Role | Desktop | Mobile | Leading / treatment | | ------------------ | --------- | -------- | ------------------------------------------- | | Display opening | 80–112 px | 44–60 px | 1.02; tracking around −0.02em. | | Section heading | 44–64 px | 32–44 px | 1.08; sentence case. | | Card heading | 26–34 px | 26–30 px | 1.15. | | Body | 16–18 px | 16 px | 1.65–1.8; max line length 60–70 characters. | | Secondary body | 14 px | 14 px | 1.6. | | Label / navigation | 12–14 px | 12–14 px | 1.4; medium weight. | | Eyebrow / caption | 11–12 px | 11–12 px | 1.5; uppercase with 0.12–0.2em tracking. | Fit display type to the available width; keep the words together naturally rather than forcing identical breaks on all screens. Use uppercase for the wordmark, short chapter labels, and inscriptions. Body paragraphs remain in sentence case. Avoid tightly tracked all-caps text at small sizes. For forms and essential instructions, readability takes priority over the miniature lettering of a mood-board mockup. ## 7. Voice and language Speak like a well-read host who wants the guest to feel at ease. Give enough detail to create interest, then leave room for the reader’s own curiosity. ### Voice rules - **Invite:** “Pull up a chair.” “Begin an introduction.” “There is more to discover.” - **Be specific:** name the maker, region, book, ingredient, or question that makes an experience worthwhile. - **Stay warm:** use “we,” “you,” and ordinary words. Explain specialist terms when they matter. - **Use restraint:** one evocative line can lead into one clear paragraph. Avoid stacking slogans. - **Make the action clear:** state whether a visitor is reading, applying, reserving, buying, or joining a conversation. - **Be honest:** distinguish an invitation from an acceptance, an interest form from a reservation, and a concept from an operating service. ### Message hierarchy 1. **Opening:** A more interesting kind of company. 2. **Explanation:** A private circle built around spirits, wine, agave, education, and meaningful conversation. 3. **Cultural scope:** Stories. People. Places. Culture. 4. **Participation:** Discover. Discuss. Create. Belong. 5. **Community:** Good people. Better conversations. 6. **Heritage:** Ex Libris et Spiritu — From books and spirits. ### Before and after | Avoid | Prefer | | ------------------------------------------------------ | ------------------------------------------------------------------------------- | | “The ultimate exclusive luxury experience.” | “A small gathering. A thoughtful pour. A conversation worth having.” | | “Only the elite will understand.” | “Bring your curiosity. We’ll take it from there.” | | “An unparalleled journey through premium spirits.” | “Taste three expressions and meet the people behind them.” | | “Your membership is confirmed” after an interest form. | “Your introduction has been received” only after a real, successful submission. | | “Join our Discord” with an unconfigured link. | “Community invitations will open with the first chapter.” | ### Writing conventions Use “The Noir Society” in formal references and “the society” in running copy. Capitalise named sections and experiences; use “members” as ordinary people, not a status title. Write event dates in full near the action, include the year and local time zone, and keep venue instructions easy to find. Translate the Latin motto at least once on an introductory page or document. ## 8. Imagery and atmosphere ### Art direction Think of a library after hours: walnut, amber glass, book cloth, dark stone, worn leather, paper, a considered table, and a room with a point of view. The scene is lived in and attentive. It should feel possible to take a seat. Photography uses warm practical light, dark shadow with retained detail, restrained highlights, subtle grain, and a tactile foreground. Capture people listening, exchanging an idea, examining a book, or learning a craft. Let the setting support the human moment. Use a mix of: - **Atmosphere:** rooms, tables, shelves, lamps, and quiet transitional spaces. - **Craft:** hands, ingredients, label details, tools, and processes. - **Culture:** books, art, architecture, records, makers, and places. - **Connection:** real guests in candid, consenting moments. Avoid images that imply a real society venue, real member, product endorsement, or completed event when none exists. Label concept imagery in the appropriate asset documentation. Generated scenes are appropriate for the test site; real launch photography should be approved and accurately described. ### Cropping and overlays Plan safe space for text before choosing the crop. Use a directional Obsidian overlay where needed and verify the final contrast at every breakpoint. Keep faces, hands, bottle labels, and the crest away from accidental cropping. Do not add a dense logo on top of a dense photograph. ### Icons and motifs Use fine, consistent line icons for Knowledge, Wine, Agave, Whiskey, Spirits, Time, Travel, and Community. At small sizes, simplify them to a recognisable outline. Use a 1.5–2 px stroke at a 24 px icon size; delicate foil-like strokes belong in larger artwork. The guiding star, fine rules, a circular seal, and shield-derived frames are the main motifs. Choose one or two per layout. Icons support visible labels and do not carry meaning alone. ## 9. Layout and digital behaviour ### Composition Use a 12-column desktop grid and a 4-column mobile grid. A maximum content width around 1280–1440 px gives large headings room without stretching body copy. Begin with a 24 px mobile gutter and 48–80 px desktop gutters; reduce only when the content remains comfortable. Use an 8 px spacing rhythm, with 4 px available for fine alignment. Typical section spacing is 80–120 px desktop and 48–72 px mobile. Fine borders, intentional alignment, and generous negative space provide structure. Keep corners square or subtly rounded; circular shapes are reserved mainly for seals and selected icon controls. The reference site is predominantly dark. Use Obsidian as the page canvas, Charcoal or Walnut for depth, Champagne for reading, and Gold for chosen actions. A light stationery treatment is a secondary application rather than the default website surface. ### Interaction principles - Give the page one leading action at a time: **Enter the society**, **Explore an experience**, or **Begin an introduction**. - Use Gold fills with Obsidian text for a prominent action. Use a visible border and clear text for secondary actions. - Give links a visible hover and keyboard-focus treatment. Do not identify state by colour alone. - Use targets of at least 44 × 44 CSS px for small standalone controls where practical, with ample separation. - Label fields visibly. Describe errors next to the field and preserve the user’s input. - Native dialogs or equivalent accessible dialogs must trap focus, close with Escape, and return focus to the triggering control. - Respect reduced motion. Keep animation subtle and brief, approximately 150–300 ms for ordinary interaction. - Use semantic headings, a skip link, descriptive alternate text, and an accurate document title. ### Demo honesty The test site must clearly identify concept events, sample membership, and any saved local selections. A local selection is not a reservation. A form that does not submit cannot say “sent.” Do not ask for payment or imply that a membership has been accepted. When a live service is added, replace demo copy only after the real workflow, privacy treatment, confirmation state, and failure state have been tested. ### Website implementation The test website uses PHP to serve complete HTML pages, with plain CSS and JavaScript for presentation and interaction. `index.php` is the society website; `brand.php` is the visual identity board. Local images, fonts, and downloadable brand materials travel with the site. The implementation can be uploaded to standard PHP hosting without a frontend framework or build process. Keep the full cultural story in the server-rendered page. JavaScript should enhance filtering, dialogs, and demo state while preserving the page's structure and readable content. Use relative links so the website works at a domain root or inside a hosting subfolder. The deployment and editing instructions live in the repository README. ## 10. Membership and community touchpoints ### Introduction journey 1. **Discover:** explain what the society values and what a visitor can expect. 2. **Introduce:** request the minimum useful information with a clear purpose. 3. **Review:** explain who reviews an introduction and how the applicant will hear back. 4. **Welcome:** offer a personal, practical invitation with a real next step. 5. **Belong:** provide accessible event information, a named host, and a way to contribute. Do not invent approval times, dues, member counts, or privileges. Set them with the actual operating team and show them before a visitor commits. ### Materials | Application | Leading identity | Supporting treatment | | --------------------- | ---------------------- | ---------------------------------------------------------------- | | Membership folio | Wordmark + large crest | Champagne paper or dark stock; motto inside. | | Membership card | Modern monogram | Clear name or member identifier; restrained seal on reverse. | | Invitation | Wordmark | One seal; complete date, time, venue, and response method. | | Envelope | Circular seal | Approved postal layout; no unnecessary decorative clutter. | | Glassware | NS monogram | One-colour etch or print tested on the actual vessel. | | Society Release label | Wordmark + crest | Product facts and legal labelling take precedence over ornament. | | Dispatch | Wordmark | Editorial headline, readable body, source credits. | | Discord/avatar | Monogram seal | Recognisable at small size; approved invitation destination. | An adult drinks identity can feel welcoming without centring alcohol in every image or invitation. Pairing notes, books, food, place, and conversation should have a visible role. ## 11. The visual brand board The companion board should show the complete system as one composition, rather than presenting unrelated mood images. Recommended reading order: 1. **Primary wordmark and opening:** the name, cultural lens, and “A more interesting kind of company.” 2. **Heritage crest:** the ceremonial anchor, shown large enough to read. 3. **Modern monogram and circular seal:** the reduction into contemporary daily use. 4. **Palette:** the five exact colours, with names and HEX values. 5. **Typography:** Playfair Display and Inter, demonstrated with real copy. 6. **Atmosphere and iconography:** library, spirits, craft, culture, and connection. 7. **Applications:** website hero, membership material, glassware, and an editorial touchpoint. Use the exact palette labels and live typeset text where possible. A generated mockup can communicate atmosphere; a live board or print layout is the reliable reference for spelling, colour values, and typography. ## 12. Brand governance and handoff Keep approved master assets in one versioned source of truth. Every handoff should include this guide, the colour tokens, font licences, logo masters, export sizes, image provenance, and an owner for final approval. Before public release, review: - The brand name, motto, spelling, and final vector construction. - Rights and licences for type, photography, illustrations, and any supplied crest. - The official description of the guardian animal and the intended crest symbolism. - Membership terms, data handling, and truthful service descriptions. - Permission and wording for the Liquor Library partnership credit. - A real Discord destination, if community joining is offered. - Accessibility, mobile layouts, keyboard use, form states, and link destinations. - Print proofs for foil, emboss, engraving, packaging, and small seal applications. ### Three concrete next steps **1. Validate the positioning and approve the asset masters.** Use the opening, pillars, visual board, and website as one review set. Resolve the guardian animal, simplify small marks, approve the wordmark spacing, and export the vector family. Confirm any partnership wording before launch. **2. Prepare a pilot gathering that joins culture and spirits.** Working title: **An Evening, Unscripted**. Build a small hosted discussion around one short reading, one maker or place, and a three-part tasting with an equally considered alcohol-free option. Prepare the invitation, host notes, pairing card, guest information, and feedback prompt. Confirm the venue, date, host, capacity, and participation requirements before accepting real responses. **3. Connect a reviewed introduction workflow.** Choose the application destination and decision owner. Limit the fields, publish the relevant privacy information, test successful and failed submissions, and write the acknowledgement and welcome. Then replace demo labels with accurate live copy and connect the approved community invitation. These are launch deliverables, not a claim that a gathering has been booked, a partnership activated, or a live membership service connected.