Capstone: Your Visual Identity from A to Z
Chapter objectives
- Set a brand platform and translate it into a visual identity
- Create a wordmark, a brand board and their multi-format adaptations
- Build a portfolio that shows the process, not just the renders
Final brief: the client is you
The Sereno mission is delivered, Atelier Lume is live, and Studio Mango's director calls you in one last time. "Nice work. We'd like to give you projects to lead directly… but show me your portfolio." Awkward silence: your personal page predates the course — a soulless list of thumbnails, a name in Arial, no identity. The director smiles: "Perfect. There's your capstone: treat yourself as your best client." Everything you've learned in nine chapters will serve one complete project, from brand strategy to the online portfolio — for you.
This final project has a difficulty the others didn't: being your own client is notoriously hard. You hesitate endlessly, you restart everything every week, you dare nothing or you dare everything. The countermeasure: apply the studio's discipline to yourself — a written brief, dated milestones, the five-axis critique, owned decisions. The AI plays its best role here: the external art director who asks you the questions you avoid.
An identity is a system, not a logo
First idea to deconstruct: "I need a logo". A logo alone isn't an identity — an identity is a complete system that makes your presence recognizable everywhere: a brand platform (what you say), a visual identity (colors, typefaces, shapes, tone — your personal tokens), and adaptations (portfolio, social card, email signature, deck). Exactly the chapter 2 pyramid, extended beyond the screen: tokens feed components, components feed formats.
The brand platform in five questions
Before any pixel, the words. A personal brand platform fits in five honest answers: who you serve (studios? startups? local artisans?), what you bring (product design? identities? landing pages that convert?), how you're different (your answer, after this course: augmented designer — human sensibility steering AI speed), in what tone you speak (warm, precise, direct?), and what proof you can show (Sereno, Atelier Lume, this capstone).
The difficulty isn't answering — it's answering precisely. "I help companies with their design" positions nothing. "I design landing pages that convert, for artisanal brands that refuse the template look" is a positioning: it attracts the right clients and repels the wrong ones, which is exactly its job. To wring out those precisions, invert the dialogue with the AI: have yourself interviewed.
You are a brand strategist. Interview me to build my personal brand platform as a designer. Ask me your questions ONE BY ONE and wait for my answer before the next. Dig in when I stay vague — if I say "I help companies", ask which ones, on what, with what result. Cover: 1. who I serve precisely, 2. what I concretely bring, 3. what differentiates me (method, sensibility, speed), 4. my natural tone, 5. my available proof. After about ten questions, write my platform: a one-sentence positioning, 3 values, tone of voice in 3 adjectives, and the promise my portfolio must embody.
From words to visuals: your personal art direction
Platform set, back to chapter 1 — but the client is you. Write your art direction brief in five blocks: context (your platform), emotion (three adjectives, not one more), references (two or three, with what you take from each), constraints (your target formats, AA accessibility), don'ts (your anti-generic list, enriched with everything the course taught you to detect). Then run the familiar chain: personal design system (chapter 2), tint scales and dark theme (chapter 7), signature type pairing (chapter 6), motion tokens (chapter 8).
The wordmark: a typographic logo is enough
Good news for your time budget: you don't need a pictogram. A wordmark — your name set with care — is the safest and most professional format for a personal identity. The recipe: start from your heading typeface, set your name, then introduce one single singularity — an unusual ligature, a slightly modified letter, a colored dot, a signature letter-spacing. One single one: it's the difference between a memorable detail and a disfigured name.
Ask the AI for directions in SVG: the vector format scales to every size, can be edited by hand, and integrates everywhere — from the favicon to the deck header. Generate five variations, apply the five-axis critique (the fifth — "if you mask the name, does something of you remain?" — is ironically inverted here: the name IS the logo, it's its composition that must be yours), choose, refine.
<svg viewBox="0 0 320 64" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Lina Moreau, designer">
<title>Lina Moreau — designer</title>
<text x="0" y="44"
font-family="Fraunces, Georgia, serif"
font-size="40" font-weight="560"
letter-spacing="-0.5" fill="#2D3A36">lina moreau</text>
<!-- The single singularity: the final dot in the accent color -->
<circle cx="306" cy="40" r="5" fill="#E8A87C"/>
</svg>The brand board: everything on one page
Before adapting, condense. A brand board is a single page that gathers the entire identity: the wordmark and its variants (light, dark, favicon), the palette with its roles, the type pairing with a specimen of each level, the signature motif or detail, and three lines of tone of voice with a sample sentence. It's your chapter 2 made visible at a glance — the tool that will keep you from drifting in the adaptations, and the portfolio piece that proves you think in systems.
Adapting everywhere without diluting
An identity is judged by its resistance to adaptations. Each format has its constraints: the social card (the image that appears when your link is shared) is 1200 × 630 px and must stay legible as a 300px thumbnail; the email signature lives in a hostile HTML environment that ignores half of modern CSS; the avatar shrinks to 48px in diameter; the deck template must survive a meeting room projector. The test is always the same: do your tokens hold up, or does each format go off in its own direction?
flowchart TD PF["Brand platform: the words"] --> ID["Identity: personal tokens + wordmark"] ID --> BB["Brand board: everything on one page"] BB --> S1["Online portfolio"] BB --> S2["Social card 1200 x 630"] BB --> S3["Email signature"] BB --> S4["Deck template"]
Create my social card (og-image) in self-contained HTML/CSS, 1200 x 630 px, from my brand board:
[paste your tokens + your wordmark SVG here]
Content: my wordmark, my positioning sentence ("[your sentence]"), and my signature detail.
Constraints:
- hierarchy legible even reduced to a 300px-wide thumbnail: test mentally at that size and tell me what survives
- AA contrast, generosity of space, no gratuitous decorative element
- also give the dark theme variant by re-declaring the roles
Then list the adaptations needed to decline the same composition into a 1584 x 396 LinkedIn banner.The portfolio: show the process, not just the renders
Finally comes the portfolio itself — and the classic trap: the gallery of beautiful mute images. In the AI era, a grid of pretty renders proves less and less: anyone can generate pretty. What sets you apart is the reasoning — and your portfolio must show it. The format: the case study. For Sereno: the brief and its constraints, the direction set aside and why, the design system and its trade-offs (the text-muted contrast fixed, the dark mode rethought), the key iterations in before/after, the result. Three projects told this way are worth more than twelve thumbnails.
Be transparent about your method: "augmented designer" isn't a confession, it's an argument. Showing a well-built art direction prompt, then the demanding sorting you performed on the proposals, proves a skill clients are precisely starting to look for: someone who knows how to steer the machine toward a result it would never have produced on its own. You can even include a "how I work" sidebar that defuses the question before it's asked.
And now: your practice as an augmented designer
Take a second to measure the distance traveled. Chapter 1: setting an intent the AI can follow. Chapter 2: a design system as external memory. Chapter 3: prototyping in a short loop. Chapter 4: delivering clean, accessible components. Chapter 5: critiquing, daring, escaping the generic. Then the depth: typography as voice (6), color as a complete light-and-dark system (7), motion as language (8), persuasion as structure (9). And this capstone, where everything converges on the hardest project: yours.
The method is now yours, and it's transferable: the next app, the next brand, the next format that doesn't exist yet will follow the same chain — intent, system, prototype, code, critique. The AI tools will change names within eighteen months; the chain will remain. The taste stays yours; the AI accelerates. Studio Mango expects your portfolio on Monday — and this time, you know exactly how to go about it.
Context
One week to exist visually: brand platform, identity, wordmark, brand board, social card and an online portfolio with at least one complete case study. Studio Mango's director will judge on the evidence on Monday — and he'll apply your own five-axis grid, insisting on the fifth: if your name is masked, is it still you?
Instructions
- Have the AI interview you (questions one by one) until you get your platform: a one-sentence positioning, 3 values, tone in 3 adjectives.
- Write your personal art direction brief (5 blocks) then generate your design system: palette with scales, type pairing, motion tokens, light and dark themes.
- Create your wordmark in SVG: 5 directions, five-axis critique, one single singularity kept, light/dark/favicon variants.
- Assemble the brand board on one page, then adapt: a 1200 × 630 social card (tested as a 300px thumbnail) and an email-safe HTML signature.
- Build the portfolio with a complete Sereno case study: brief, trade-offs, before/after of the key iterations, and an honest "how I work with AI" sidebar.
- Run everything through the final sieve: five-axis grid, contrasts in both themes, prefers-reduced-motion, five-second test on your homepage — then publish. The imperfect v1 online beats the perfect v2 in your head.
In summary
- Being your own client demands the studio's discipline: a written brief, dated milestones, a single revision pass, owned decisions.
- An identity is a system — brand platform, personal tokens, adaptations — not an isolated logo.
- The platform fits in five precise answers: who, what, difference, tone, proof; the inverted AI interview wrings out the precision.
- A typographic wordmark with a single singularity is the safest format for a personal identity — in SVG, adaptable everywhere.
- The brand board condenses everything onto one page and protects the consistency of the adaptations (social card, email, deck).
- Each format has its constraints (300px thumbnail, email-safe HTML, 48px avatar): an identity is judged by its resistance to adaptations.
- The portfolio shows the reasoning in case studies — brief, trade-offs, before/after — and owns the "augmented designer" method.
- The chain intent → system → prototype → code → critique transfers to every future project: the tools will change, not the method.
Quiz — check your understanding
1. Why start with the brand platform rather than the logo?
2. What makes a good personal wordmark?
3. What is a brand board for?
4. What specific constraint weighs on the email signature?
5. Why favor case studies over image galleries in a portfolio?
6. What attitude should you adopt toward perfectionism on your own project?