This is not a brand book to admire. It is the operating system to create, decide, and ship materials — for me, for the people who help me, and for the AIs that read me.
Three readers. A founder who needs to move fast and wants to clone the model. An associate or freelancer producing materials in my name. An AI agent reading this file to execute the next post, page, or pitch deck without asking me twice.
How to use it. Navigate to the section closest to your task. Each section answers three questions: what it is, how to use it, and what a correct example looks like.
This is the contract I make with my future self. When I'm tired, when I delegate, when I scale: this file is the source of truth. I update it when the system evolves, never when the campaign of the week needs a one-off exception.
Open the section closest to your task. Read the three blocks. If your output matches the sample, you're aligned. If it doesn't, the sample is the answer — not your interpretation.
This document is semantic HTML with stable section IDs and a JSON-LD organisation block in the <head>. When asked to produce a noelia.biz asset, retrieve the relevant section by ID, read all three blocks, produce output that matches the sample. Cite the section ID used.
| Token | Before | Now (live site) |
|---|---|---|
| H1 / H2 font-variation | 'opsz' 72, 'wght' 600 | 'opsz' 144, 'wght' 300 |
| letter-spacing | -0.025em | -0.035em |
| line-height | 0.95 | 0.97 |
| btn border-radius | 4px | 999px (pill) |
| Allison sig size | 28px | 46px |
| Kicker letter-spacing | 0.12em | 0.22em |
The key word in each heading is set in Fraunces italic. Color follows the surface:
color: #2132BD (blue)color: #EDDF2D (yellow)
Six SVG logo variants (white, black, blue, yellow, monochrome, favicon). Avatar kit for LinkedIn, Instagram, Twitter/X, WhatsApp, YouTube, Substack — exact specs per platform.
Favicon revised: blue dot on yellow rounded square, transparent outer background. The noel·IA·biz avatar stacks the mark — IA lives inside noelia in French and Spanish. Positioning hidden in plain sight.
noelia.biz is not an AI consultancy, not a tool operator, not a prompt seller. It is a strategist who reads the market for brand reputation in AI-mediated channels — and signs the deliverable. The AI is the calculator. The decision is the architecture.
Every time content, copy, or a pitch references noelia.biz capabilities: lead with the decision, name the tool second. Never say "I use AI to do X." Say "I read X, decide Y, and the AI helps me get there in a week instead of a month."
If a sentence could be written by any AI consultant, rewrite it. The voice must carry 20+ years of reading the digital ecosphere — specific market observations, not generic AI promises.
"I notice what a brand loses the moment an AI engine decides to paraphrase it instead of cite it. I watched it happen in real time managing brand reputation at Sendinblue — across Trustpilot, the App Store, 500,000 users in 160 countries. The reading of where you're losing — and the decision of which battles to fight — is mine. The search APIs, the citation trackers, the content architecture: they execute. I architect."
"I'm an AI marketing consultant who uses cutting-edge tools to optimise your brand for the AI era and drive measurable results."
Fails because: every consultant on LinkedIn could write this today. The tools are positioned as the product. Three filler words: cutting-edge, optimise, drive.
noelia.biz delivers three layers in this order. Confusing them — or skipping one — is how clients end up with content no AI engine cites.
| Layer | What it produces | What it answers |
|---|---|---|
| 1. Machine-legible site | A site whose claims, schema, and structure read in one pass. | Can the model see who you are without guessing? |
| 2. Citable content | Pages built so a short, true sentence inside gets quoted. | When the model paraphrases your category, is your sentence the one borrowed? |
| 3. Reputation signal | The slow accumulation of mentions the LLM treats as trust. | When two sources contradict, why would the model believe yours? |
Name which layer the work is in. A blog post is layer 2. A schema rewrite is layer 1. A PR placement is layer 3. The deliverable doesn't change; the framing of why it matters does.
"Three layers: a site machines can read, content built to be quoted, and the slower work of becoming someone the model already trusts."
For brand owners who already sense that AI changed who gets chosen — noelia.biz is the strategy, content and reputation layer that makes AI engines represent and cite a brand well. Not "AI expert." The person who reads the market and signs the result.
Reading the market is the part no tool does. It is noticing — across enough years and enough categories — where the actual buyer signal lives this quarter, which trends are theatre and which are tectonic, and which battles are worth fighting now versus next year. That is what 20+ years in the digital ecosphere buys: pattern recognition that doesn't appear in any training set.
Signs is literal. Every deliverable that leaves noelia.biz carries the signé avec soin mark, in blue, by hand. It is not a logo. It is an accountability mark — a promise that a person reviewed, edited, and owns this. The signature is the difference between a deliverable and a template.
CFOs approve budgets, they don't recommend agencies. The buyers and the influencers of the buy are below.
Poetic-strategic. Warm, direct, visionary. Write the way I'd talk to a founder over coffee — never the way an agency writes a proposal. Emotional appeal and factual claims, in the same sentence.
Banned not because they're wrong — because they're someone else's voice.
"Four practices that compound to build long-term brand equity in AI-mediated discovery channels."
"Reputation is the parent. The rest is how I get there: a site machines can read, content built to be quoted, and the slow work of becoming someone they keep mentioning."
Three options. C is the recommendation — most specific to the niche, has a concrete falsifiability test.
Not about chasing trends — about seeing what's already exploitable in what's already published. Best for content audit framing.
Long-term thinking, holds value across multiple waves of platforms. Good for board-room conversations. Pairs well with a concrete proof point.
Not platform-specific. Concrete test: does the next ChatGPT update still cite you? Use on the homepage hero, pitch deck cover, and bio.
"Search" and "cite" aren't synonyms. Mixing them is the most expensive vocabulary mistake in this category right now.
| Action | What it produces | Why it matters |
|---|---|---|
| Search | A list of links the model retrieved. | The old paradigm. SEO trains for this. Being in the link list ≠ being in the answer. |
| Cite | Your brand named inside the generated answer. | The new paradigm. GEO optimises for this. Being in the answer text is worth more than a link — most readers never click. |
| Execute | The agentic AI performs the action — books, buys, schedules. | The next paradigm. When AI agents transact on behalf of users, the brand needs to be in the executable path. |
"AI tools search, cite, and execute. They don't decide. Search returns links, citation embeds your brand inside the answer, execution performs the next step on the user's behalf. GEO is about being cited. Almost no one is optimising for it yet."
English is the master version. French and Spanish are adaptations, not translations. A translation is a swap. An adaptation rewrites a sentence so that a French reader hears it the way a French reader hears anything that respects French. The three languages are the proof of the work in action.
noelia.biz is a brand name and a working URL. The logo preserves the URL as the mark. Three elements make the system:
::selection).Always use the provided asset file — never reconstruct in CSS or code. Minimum width: 120px on screen, 25mm in print. Below that, use the favicon mark (blue dot on yellow rounded square).
Match the composition to the surface. Never put the paper version on a dark background — the white halo appears. If the surface isn't paper, ink, blue, or yellow, use the wordmark-only transparent variant or the favicon mark.
The signature is the brand's accountability mark. Set in Allison script, in the brand blue, it lives anywhere the work is shipped: cover pages, email footers, last slide of a deck. It is not a logo — it is a promise that a person reviewed and owns this.
In a category drowning in AI-generated work, the signature is the visible difference. Made with AI is fine. Signed by a person is the offer.
The yellow is not a decorative accent. It is a semantic marker. Yellow appears on three things only:
::selection rule — when a reader selects text to copy, it turns yellow. What you're selecting is what matters. The brand's marker matches the user's marker.--yellow: #EDDF2D. Same value everywhere — logo, highlights, ::selection.I make brands the ones AI cites.
"Cites" is the operative word. Without the highlight it's a claim. With it, the highlight demonstrates the service in the act of reading.
The blue dot is both punctuation and identity. In noelia.biz it is the URL separator. In ai.noelia.biz it doubles. In scorecards.noelia.biz it triples. Each subdomain adds a dot — the same blue, every time. Read as identity, the dots are nodes in a constellation.
#2132BD. Always.Every colour in the system has a single semantic role. Use them for their job; never for decoration. White is the canvas (90%). Ink carries structure. Blue marks decisions. Yellow marks moments.
Use for display, H1–H3, hero quotes. Why: modern serif with variable optical-size axis and expressive italics. Reads as editorial — feels like a thought magazine, not a SaaS template. Also lives inside the noelia.biz wordmark itself, so every headline echoes the logo. Why not Inter or Roboto: those signal "AI-generated SaaS." Fraunces signals "a person made an editorial decision."
Manrope — the geometric warm sans. Used for body, captions, navigation, paragraph copy. Legible at 9pt, plays well with Fraunces without competing. Not Inter (which is on every site and now signals AI output).
Use for the signé avec soin mark only. The signature is the brand's accountability device. In a category full of machine-generated work, a script typeface is the visible difference between a deliverable and a template.
| Token | Family | Size | Weight | Use |
|---|---|---|---|---|
| display-xl | Fraunces | 72–96px | 600 · opsz 144 | Cover titles |
| display-lg | Fraunces | 44–56px | 600 · opsz 144 | H1 · page openers |
| display-md | Fraunces | 26–34px | 600 · opsz 60 | H2 · section titles |
| display-sm | Fraunces | 18–22px | 500 · opsz 36 | H3 · pull quotes |
| intro | Fraunces | 18–20px | 400 · opsz 24 · italic | Lead paragraphs |
| body | Manrope | 14–16px | 400 | Paragraph copy · default |
| body-bold | Manrope | 14–16px | 600 | Bold inside paragraphs |
| caption | Manrope | 12–13px | 400 | Captions · footnotes |
| label | JetBrains Mono | 9–11px | 500–600 · uppercase | Section labels · tags |
| mono-data | JetBrains Mono | 11–13px | 400 | Hex codes · specs · file names |
| signature | Allison | 24–36px | regular | signé avec soin · only this |
The website is the canonical place where every brand element appears in its native habitat. It is also the live demo of the service — its own machine-legibility, answer-first architecture, citation hygiene.
| Surface | Asset | Notes |
|---|---|---|
| Header / navbar | logo · on paper | 120–160px wide · always link to / |
| Hero headline | Fraunces 600 · opsz 144 | One headline · one yellow highlight · one blue dot accent |
| Body copy | Manrope 400 · 16px | line-height 1.6 · max-width 65ch |
| Labels / tags | JetBrains Mono 500 | uppercase · 10–11px · letter-spacing 0.08em |
| Footer | sobrio + signature | Logo 80px · Allison signature · language selector |
| ::selection | background: #EDDF2D | Same yellow as logo highlight — closes the brand loop |
| Favicon | dot on yellow · 32/180/512px | SVG + multi-size PNG · apple-touch-icon for iOS |
<head>.Social posts aren't "content marketing." They are the raw material that AI engines learn from. Every post is a future citation. The discipline: write the line you want quoted, then build the post around it.
| Element | Spec |
|---|---|
| Banner | 1584 × 396px · logo on blue · left-anchored at 25–30% width |
| Profile photo | Headshot, not logo. Faces get 3× the engagement on personal profiles. |
| Company page icon | favicon on yellow · 300 × 300 · displayed circular |
| Post hook | The citable line · first line of post · ≤ 12 words |
| Carousel corner mark | wordmark-light · ≥ 80px · bottom-right |
| Platform | Asset | Size |
|---|---|---|
| X / Twitter | favicon on yellow | 400 × 400 |
| favicon on yellow | 320 × 320 | |
| YouTube | favicon on yellow | 800 × 800 |
| WhatsApp Business | favicon on yellow | 500 × 500 |
Yellow background for avatars — not ink — because yellow has the highest visibility in compressed circular thumbnails across both dark and light feeds.
"A citation gap is the distance between the brands an AI engine knows and the brands it cites. Closing it is what GEO actually does."
One sentence. Names the concept. Provides the definition. Anchors the offer. That sentence is what an AI engine can lift and attribute. The post is the wrapper.
| Element | Spec |
|---|---|
| Logo | on-paper PNG @1x · 160px wide · linked to noelia.biz |
| Signature | signé avec soin · Allison rendered as PNG · blue · 18–22px |
| Name + title | Manrope Regular · "Noelia · Brand Reputation & GEO Strategist · Paris" |
| Shapet | PNG only · never SVG · explicit width/height for Outlook |
| Slide type | Logo | Size · position |
|---|---|---|
| Cover · dark | on-ink or on-blue | 35–40% slide width · centered or left |
| Cover · light | on-paper | 35–40% slide width · centered or left |
| Content slides | sobrio or wordmark | 80–100px · bottom-right |
| Final slide | on-yellow · centered | 40% slide width · no copy needed |
| I need… | Use this |
|---|---|
| Logo for a white doc or web page | on-paper |
| Logo for a dark hero or deck cover | on-ink |
| Logo for a brand-blue campaign | on-blue |
| Logo for a yellow content card | on-yellow (highlight dissolves) |
| Footer or watermark | sobrio-on-ink |
| Favicon, avatar, app icon | favicon · dot on yellow |
| Signature on a deliverable | Allison · blue · FR default |
| Headline typeface | Fraunces · 600 · opsz 60+ |
| Body copy typeface | Manrope · 400 · 16px |
| Label or spec | JetBrains Mono · 500–600 · uppercase |
This file is the operating system of noelia.biz. It exists so the brand can be made — in materials and conversations — by people who aren't me, and by AIs that read it, without losing the thing that makes it noelia.biz: that a person decided.
Made with AI · prompted, edited, and signed by Noelia. The AI accelerated the drafting. The decisions — the strategic line, the persona insights, the typographic choices, the colour roles, the boundary between marketing language and the brand's voice
— are mine.
At 32×32px the full logo does not fit. The favicon uses a blue dot on a yellow rounded square — transparent outer corners, no visible frame at any size. The IA positioning lives in the avatar system, not the favicon.
The favicon you see in the tab of this document is the noelia.biz favicon — inline SVG, no external file.
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"> <rect x="8" y="8" width="48" height="48" rx="10" fill="#EDDF2D"/> <circle cx="32" cy="32" r="10" fill="#2132BD"/> </svg>
Social avatars — noel·IA·biz
In small spaces the full logo does not work. The avatar uses the pattern noel·IA·biz stacked on a black background — in three backgrounds depending on context.
Always export at double the minimum size of the platform for Retina sharpness. The black avatar works in light and dark mode — is the default. Yellow communicates energy — ideal for Stories y Highlights.
★ "noel·IA·biz" — la IA vive dentro de noelia en French and Spanish. Posicionamiento oculto a simple vista.