> ## Documentation Index
> Fetch the complete documentation index at: https://docs.nomiq.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Case Studies: Four Real Brand Generations in Nomiq

> Explore real Nomiq brand generation examples across a coffee shop, B2B SaaS, creative agency, and personal portfolio to spark your own process.

The best way to understand how Nomiq's AI translates a prompt into a complete brand identity is to watch it happen in context. The four case studies below span very different industries, audiences, and emotional registers—but each one illustrates the same core principle: a specific, psychologically grounded prompt produces specific, coherent design decisions. Use these examples as a starting point, a vocabulary reference, and a creative springboard when you sit down to build your own brand.

<Tabs>
  <Tab title="Coffee Shop">
    ## Modern Coffee Shop — Brooklyn Cold Brew Co.

    ### The Brief

    A new specialty coffee brand based in Brooklyn, focused on craft cold brew and single-origin beans. The founders wanted to attract a design-literate, 25–40 demographic who are tired of both the corporate coffee giant aesthetic and the overly rustic "third wave" look. The brand needed to feel modern and urban without losing warmth.

    ### The Prompt Used

    > *"A specialty cold brew coffee brand in Brooklyn. Premium but not pretentious. Urban, minimal, and warm—for people who take coffee seriously but don't take themselves too seriously. Think editorial and indie, not rustic or corporate."*

    ### Design Decisions Made

    **Color Palette — Indigo and Cream**
    Nomiq selected a deep indigo primary (HSL 240, 45%, 32%) against a warm cream background (HSL 40, 30%, 95%). The indigo is cool and sophisticated—it signals quality and intent without the clinical coldness of pure blue. The cream background provides warmth and a tactile, almost paper-like quality that evokes specialty print materials and kraft packaging. A muted terracotta was generated as a secondary accent, pulling in the warmth of the coffee product itself without resorting to clichéd brown-and-burlap palette choices.

    **Typography**
    Nomiq paired *Fraunces* (a variable optical-size serif with a distinctive warm personality) as the display font with *Inter* as the body font. *Fraunces* has a slightly literary quality—it feels like the kind of typeface you'd find on a carefully considered zine or an independent bookshop's signage—while *Inter* keeps menus, ingredient lists, and digital UI completely legible. The major third type scale (1.250 ratio) was applied, giving headlines plenty of weight without crowding the layout.

    **Logo System**
    The AI generated an abstract mark combining a minimal droplet form (evoking the cold brew process and the borough's water tower iconography) within a refined circular frame. The primary wordmark uses *Fraunces* in a light weight, all-caps, widely tracked—editorial and confident.

    ### Key Nomiq Features Leveraged

    * **Palette mood targeting** — the prompt's contrast between "premium" and "not pretentious" triggered Nomiq's balanced-tension palette logic, avoiding both overly muted and overly aggressive color choices.
    * **Variable font selection** — *Fraunces* is a variable font with an optical size axis; Nomiq assigned the high optical-size cut for large display use and the low optical-size cut for body contexts automatically.
    * **Brand voice export** — the generated voice guidelines described the brand's tone as "confident and curious, never ironic or exclusive," giving the founders a copywriting brief alongside the visual assets.
  </Tab>

  <Tab title="B2B SaaS">
    ## B2B SaaS Startup — Depot (DevOps Platform)

    ### The Brief

    A seed-stage DevOps startup building a unified pipeline management tool for platform engineering teams at mid-market companies. The target audience is senior engineers and engineering managers who value precision, are skeptical of marketing, and respond to design that signals technical credibility. The brand needed to work in both a dark developer dashboard and a light-mode marketing site.

    ### The Prompt Used

    > *"A B2B DevOps platform called Depot for platform engineering teams. Serious, technical, and precise—engineers should immediately trust it. Minimal, modern, dark-mode-first. No rounded forms. Indigo primary. Think developer tooling, not enterprise SAAS suite."*

    ### Design Decisions Made

    **Color Palette — Indigo + Near-Black with Monochromatic Accents**
    Nomiq anchored the palette in a strong indigo primary (HSL 243, 58%, 52%)—dark enough to feel substantial, saturated enough to feel modern. The background was set to a near-black with a barely perceptible blue tint (HSL 232, 18%, 9%) rather than pure black, which prevents the harsh contrast fatigue common in developer interfaces. Surface layers step up in 8-lightness increments, creating a clear depth hierarchy for panels, modals, and sidebars. A cool blue-gray (HSL 220, 14%, 55%) serves as the secondary text color for metadata and labels.

    **Typography — Monospaced Display + Grotesk Body**
    Nomiq selected *JetBrains Mono* as the display font. This is a deliberate choice: JetBrains Mono is the typeface that much of the target audience stares at for eight hours a day in their code editor. Using it as a brand typeface creates immediate, subconscious recognition and signals that Depot was built by people who actually write code. The body font is *Space Grotesk*—slightly mechanical, neutral, and highly legible in dense UI contexts like pipeline logs and configuration tables. The minor third type scale (1.200 ratio) was applied to keep the information hierarchy compact and data-dense.

    **Logo System**
    The AI generated a geometric wordmark using *JetBrains Mono Bold* with a subtle `>_` terminal prompt character incorporated into the 'D'—an easter egg immediately legible to the developer audience and invisible to those outside it. No rounded forms were used anywhere in the system; all icons and UI elements use sharp corners and precise angles.

    ### Key Nomiq Features Leveraged

    * **Dark-mode-first generation** — toggling dark mode in the Brand Studio caused Nomiq to automatically recalculate all surface colors, primary saturation, and contrast ratios for the dark context before outputting the design tokens.
    * **Color locking across modes** — the indigo primary hue was locked; Nomiq adjusted lightness and saturation separately for dark and light exports to maintain equivalent perceived vibrancy in both contexts.
    * **Developer token export** — Nomiq exported the full design system as TypeScript-typed CSS custom properties compatible with Tailwind CSS v3, ready to drop into the monorepo.
  </Tab>

  <Tab title="Creative Agency">
    ## Creative Agency — Studio Parallel

    ### The Brief

    A three-person creative studio specializing in brand identity, spatial computing, and interactive experiences. The studio pitches to high-end clients in architecture, fashion, and entertainment. Their primary need wasn't a single finished brand—it was a workflow for rapidly generating polished concept presentations for client pitches, with each concept feeling distinct but professionally executed.

    ### The Prompt Used

    > *"An avant-garde creative studio called Studio Parallel. We design experiences at the intersection of physical and digital space. Bold, cerebral, and confident—we don't explain ourselves. Think stark contrasts, unexpected details, and a strong editorial point of view. Monochromatic with one electric accent."*

    ### Design Decisions Made

    **Color Palette — Monochromatic + Neon Orange Accent**
    Nomiq generated a stark monochromatic palette: true black (#0A0A0A), a warm off-white (#F5F2EE), and four mid-gray steps between them for surface hierarchy. The single accent—a high-saturation neon orange (HSL 24, 98%, 55%)—was deployed with strict restraint: active states, key callouts, and a single accent element in the logo. The contrast ratio between the neon orange and black is 5.8:1, meeting WCAG AA while retaining maximum visual shock.

    **Typography**
    Nomiq selected *Clash Display* (a geometric display sans with distinctive ink-trap cutouts) as the primary font and *Space Grotesk* as the body font. *Clash Display* has a constructed, precise quality that references early modernist typography while feeling contemporary—exactly the kind of type choice that signals design literacy to a client who will immediately recognize the reference. Headlines were set using the perfect fourth scale (1.333 ratio), creating dramatic size jumps between levels that suit large-format print and immersive digital contexts.

    **Rapid Prototyping Workflow**
    Studio Parallel's actual use case was iterative rather than single-generation. Their workflow:

    1. Start with a single prompt describing the client's brand personality.
    2. Lock the logo system after approving a direction.
    3. Run three palette variations (monochromatic, analogous, complementary) to present color options.
    4. For each palette, run two typography variations (serif/sans vs. display/grotesk).
    5. Present six complete visual directions—all built in under 45 minutes—and let the client choose.

    ### Key Nomiq Features Leveraged

    * **Selective locking for variation series** — locking the logo and unlocking everything else allowed the studio to generate a genuine family of related concepts without any two looking like accidents.
    * **Pitch deck export** — Nomiq's presentation mode generated a multi-slide brand overview with the logo on color, logo on white, palette swatches, type specimen, and usage examples formatted for client presentation.
    * **Batch generation** — running multiple palette modes in parallel (rather than sequentially) compressed the concept exploration phase from half a day to under an hour.
  </Tab>

  <Tab title="Personal Portfolio">
    ## Personal Portfolio — Developer Blog (Maya Chen, Engineering)

    ### The Brief

    A senior software engineer building a personal site that combines a professional portfolio with a long-form technical blog. The brand needed to feel authoritative and intellectually serious without the cold minimalism common to developer personal sites. Maya wanted something that felt distinctly hers—personal and warm—while remaining professional enough to share in a job application context.

    ### The Prompt Used

    > *"A personal brand and technical blog for Maya Chen, a senior software engineer specializing in distributed systems. Minimal but warm—not cold. Typography-forward, almost editorial. Should feel like a thoughtful person's personal space on the web, not a portfolio template. Muted tones, subtle personality."*

    ### Design Decisions Made

    **Color Palette — Typography-First Minimal**
    Nomiq generated a deliberately restrained palette designed to stay out of the way of the typography and content. The background is a warm off-white (HSL 38, 22%, 96%)—not pure white, which gives the site a paper-like quality that suits long-form reading. The text color is a warm near-black (HSL 220, 12%, 15%) rather than pure black, which is easier on the eyes for extended reading sessions. The single accent is a muted sage green (HSL 152, 28%, 42%)—present but understated, used only for links, code syntax highlights, and section markers. No secondary color competes for attention.

    **Typography — Serif Display + Humanist Sans**
    This is the most typography-forward system in this collection. Nomiq selected *DM Serif Display* as the display font—an elegant, high-contrast serif with strong editorial personality that communicates intellectual depth without pretension—and *Source Sans 3* as the body font, one of the most legible open-source body typefaces available, specifically optimized for reading on screen. The type scale uses the Major Third ratio (1.250), but Nomiq applied a generous line-height (1.7 for body, 1.15 for display) to maximize readability for long-form articles. Code blocks use *JetBrains Mono* as a third, scoped typeface—the only acceptable exception to the two-font rule, since code is a fundamentally different register of content.

    **Logo / Identity Mark**
    Rather than a logomark, Nomiq generated a text-based identity: "Maya Chen" set in *DM Serif Display* with a subtle rule below—understated, confident, and in keeping with the editorial personality of the site. This approach communicates that the person is the brand; no symbol is needed.

    ### Key Nomiq Features Leveraged

    * **Reading-optimized line height tokens** — Nomiq detected the "editorial" and "long-form" signals in the prompt and automatically set line-height design tokens at reading-optimized values rather than defaults.
    * **Three-typeface scoped system** — the code block exception was handled through a scoped `font-mono` token rather than breaking the two-font brand rule; the display and body fonts remain the brand identity while `font-mono` is a functional layer.
    * **Minimal brand export** — for a personal brand, Nomiq's lightweight export package (CSS custom properties + font imports only, no full design system) was sufficient and kept the site's bundle size lean.

    <Tip>
      A personal brand should evolve with you. Maya's Nomiq Workspace remains active—she periodically regenerates typography variations to keep the site feeling fresh without changing the color palette or overall identity. Locking what defines your brand and iterating on what expresses it in the moment is a sustainable long-term strategy.
    </Tip>
  </Tab>
</Tabs>

***

<Tip>
  These case studies are starting points, not templates. The most effective use of them is to identify the case study that's *closest* to your situation, copy the prompt structure, and then adapt the emotional descriptors to your specific brand. Notice how each prompt combines an industry context, an audience description, and a set of emotional adjectives—that three-part structure gives Nomiq everything it needs to make coherent decisions across every design layer simultaneously.
</Tip>

***

<CardGroup cols={2}>
  <Card title="Open Brand Studio" icon="wand-magic-sparkles" href="/brand-studio/core-identity">
    Ready to build your own brand? Head to the Brand Studio and apply what you've learned from these case studies.
  </Card>

  <Card title="Brand Psychology" icon="brain" href="/design-academy/brand-psychology">
    Understand the psychological principles that drove the design decisions in each of these case studies.
  </Card>
</CardGroup>
