paumorato.com/

Design that holds its ground.

Pau Morató

Visual systems for brands, founders, and after-hours culture.

Barcelona · 2026

No.ProjectCategoryYear
Barcelona · ES05 / 05INDEX · 2026

Designer. Barcelona. Brand & content systems.

I work with founders and cultural projects that need a visual identity to hold up in a carousel, on a flyer, in a pitch deck — and, increasingly, in motion built with code.

Clients: solo founders · boutique agencies · event promoters. Currently taking on work for 2026.

Based
Barcelona, ES
Practice
Independent
Est.
2023
Status
Open · 2026
Services · 04
I.
Brand identity
Logos · systems · guidelines · rollout
II.
Content design
LinkedIn · editorial · infographics
III.
Event & culture
Flyers · posters · promo · motion
IV.
Motion & code
Remotion · animated posts · React
Tools
Figma · Photoshop · Adobe Suite · Canva · Remotion · Artifacts
AI · core to the workflow
Used every day — ideation, imagery, copy, and motion.
Claude · ChatGPT · Higgsfield · Image generation
Pau Morató
Chapters · 06
Other work

Kømandø

Year 2026
Scope Full identity
Chapters 06

A new Barcelona collective promoting industrial electronic events. Complete brand system from logo to event collateral — designed for their inaugural event and ongoing identity.

The brief was an event identity for an underground electronic night — something atmospheric enough to belong to the scene, structured enough to scale from flyers through motion to live signage. The constraint was a single accent — the metallic fragment mark — that had to hold at every size and survive formats it was never originally designed for. The tradeoff: I leaned hard into industrial restraint over decoration, trusting that one strong mark held with discipline would do more than a dozen variations.

Chapter 01 of 06Intro

Intro

KØMANDØ
Industrial electronic · Barcelona · 2026

A music collective built as ritual, not party.

Kømandø is a new Barcelona collective focused on industrial electronic events. A group of friends launching their first promotion with a clear vision: bring specific artists, create atmospheric experiences, avoid typical club marketing.

I designed their complete visual identity from zero — logo, aesthetic language, event flyers, social presence. Everything except promotional videos, which one member handles internally.

This case study documents the full system across six chapters: brief and context, creative direction, brand identity, campaign design, digital extensions, and live implementation.

Client
Kømandø
Year
2026
Scope
Full identity
Location
Barcelona
Deliverables
Logo & wordmark
Visual language
Event flyers × 7
Motion graphics × 5
Social presence
RA listing assets
Chapter 02 of 06Direction

Direction

Red arches
Strobe silhouette
Smoke and pipes
Rave spheres
Old factory
Factory barrels
Fig. 02.I · Moodboard · visual references & atmosphere

Designed as ritual, not advertisement.

The aesthetic draws from abandoned industrial spaces — underground venues where light cuts through darkness. Deep reds against charcoal blacks. Metal and concrete textures. Typography that feels forged, not designed.

Three keywords guided every decision: atmospheric, underground, ceremonial. This is not club marketing; it's an invitation into a space. The visual language speaks to those who already understand.

References: derelict warehouses, brutalist architecture, gothic metal typography. Palette: void blacks, deep crimsons, metallic highlights. No bright colors, no clean surfaces, no comfort.

Palette · Void → Bone
#0A0A0C#4A0A0A#8B1A1A#3A3934#E8E6E0
Keywords
Atmospheric Underground Ceremonial Industrial Forged
Chapter 03 of 06Identity

Identity

Logo Design

02
no.category: 02.ILogo construction 02.IILogo versions 02.IIILogo sizes 02.IVApplications
Logo process
Source · Process · Sketch → 3D APrimary mark
Kømandø Logo ™
BWordmark
Kømandø Wordmark
FIG. 02.I Mark derived from metallic fragment — industrial, angular, ceremonial. Construction from sketch to 3D render.
Chapter 04 of 06Flyers

Flyers

A campaign built for revelation, not advertising.

A complete promotional ecosystem for one event: teaser without lineup, full reveal with artists, two timetable options as the brand evolves, individual artist announcements. Each piece tuned to its purpose — mystery, then portrait, then arrival.

The atmospheric photography stays constant — abandoned spaces, red lighting, industrial textures. Typography hierarchy shifts with content density. The identity flexes but never breaks character.

From mystery (teaser) to announcement (lineup) to portrait (artists) to logistics (timetables). Told at every cadence for their inaugural event.

FIG. 04.II · Teaser Kømandø Teaser Flyer
FIG. 04.III · Timetable A Kømandø Timetable A
FIG. 04.IV · Timetable B Kømandø Timetable B
FIG. 04.I · Main lineup flyer Kømandø Main Flyer
FIG. 04.V — VII · Artist announcements · Individual reveals across the lineup
Kømandø — Keyklau × Hache-P announcement
Keyklau × Hache-P
Kømandø — PLX announcement
PLX
Kømandø — Gulag announcement
Gulag
Chapter 05 of 06Motion

Motion

Static becomes ritual. Motion becomes atmosphere.

Five animated treatments extend the campaign beyond static posts. Each animation matches its purpose: sinister glitch for the teaser, metallic shimmer for the lineup reveal, industrial decay for the timetables, ritualistic countdown as the date approaches.

No smooth transitions or polished effects. Everything feels harsh, mechanical, abandoned. Flickering lights, metal textures, dark matter distortions. Motion that makes the viewer stop scrolling and enter the space.

The goal: transform promotional content into atmospheric experience. Make people feel the venue before they arrive.

FIG. 05.II · Teaser
FIG. 05.III · Timetable
FIG. 05.IV · Dark matter
FIG. 05.I · Main flyer motion
FIG. 05.V · Countdown · 7 días antes
In 7 days · the darkness will obey the sound
Chapter 06 of 06In context

In context

The work in the wild. Event pending.

May 16th approaches. The identity lives on Instagram, TikTok, and Resident Advisor's event listings. On RA, Kømandø cuts through the noise — dark, atmospheric, uncompromising among the bright promotional clutter.

Early response confirms the approach: the aesthetic stops scrolls, builds anticipation without explanation. The work speaks to those who understand. 74 people attending and growing.

Documentation pending: event photography, crowd response, flyers in physical space. One month until the complete story.

FIG. 06.II · RA listing Kømandø on Resident Advisor
FIG. 06.III · RA detail Kømandø RA event detail
FIG. 06.IV · RA flyer Kømandø RA full flyer
FIG. 06.I · Instagram Kømandø Instagram profile
Chapters · 03
Other work

Presskits

Year 2024—26
Scope System · 03 artists
Chapters 03

Presskits for electronic artists. One repeatable system, tuned per artist.

Three artists, three different sounds, one workable system — a presskit format reusable per artist without going template-y. The constraint was that deliverables had to be both print-quality (A4, exportable) and a live document, with clickable links to SoundCloud, Bandcamp, Instagram. The tradeoff: I fixed everything — grid, type, page architecture — except one variable, the accent colour, so each artist still feels distinct without breaking the system.

Chapter 01 of 03The service

The service

Service · 01

Presskits for electronic artists. One repeatable system, tuned per artist.

A disciplined 8-page architecture — cover, about, live, tracks, riders, contact — shared across every commission. The grid stays. The type stays. The palette changes with the artist.

Every presskit is immersive — not a static PDF. Album covers link to SoundCloud or Bandcamp. Video thumbnails open YouTube. Social icons open artist profiles. The presskit becomes a live portal, not just a page.

Artists
03
Barcelona · 2024—26
Pages each
08
Print-first · A4
Systems
01
Shared across all
Axel Laarz Presskit Cover
Fig. 01.I · Lead presskit · Axel Laarz cover
Chapter 02 of 03The system

The system

A · Label grammar Artist name as kicker · section as block
AXEL LAARZ
About
Amber · Axel
PLX
About
Lime · PLX
SAVE ME
About
Bone · Save Me
B · Interactive layer Every presskit is a live portal
↗
SoundCloud
Album covers & track names link directly to the artist's SoundCloud
↗
Bandcamp
Release artwork links to Bandcamp for purchase & download
▶
Video
Video thumbnails open YouTube — sets, live recordings, promos
@
Socials
Instagram, RA, email — every icon is a live link to the artist's profile
C · 8-page flow Identical across all commissions
01
Cover
02
About
03
Live
04
Tracks
05
Hospitality
06
Technical
07
Equipment
08
Contact
D · Palette, the one variable One accent color per artist
Axel Laarz
#C8A555
Amber — hypnotic groove
PLX
#CEFF3D
Lime — experimental tribal
Save Me
#E8E6E0
Bone — tbd
E · Palette in action Same grid, different accent
Axel presskit
Amber · Axel
PLX presskit
Lime · PLX
Save Me presskit
Bone · Save Me
Chapter 03 of 03The three

The three

Axel Laarz
Techno · Raw · Hypnotic · Groove
Barcelona · 2024

Powerful, precise, immersive — a hypnotic presence built on the weight of hardgroove and raw techno.

Axel Laarz — Cover, About, Live Cover · Bio · Live
Axel Laarz — Hospitality & Technical rider Rider
Axel Laarz — Equipment & Contact Equipment · Contact
Axel Laarz — complete presskit
View complete presskit
Full layout · Axel Laarz
↗
PLX
Techno · Hypnotic · Experimental · Tribal
Barcelona · 2024

Experimental and tribal — deep atmospheres, shifting intensities, immersive sonic journeys.

PLX — Cover, About, Live Cover · Bio · Live
PLX — Hospitality & Technical rider Rider
PLX — Equipment & Contact Equipment · Contact
PLX — complete presskit
View complete presskit
Full layout · PLX
↗
Save Me
Techno · Dark · Hypnotic · Industrial
Madrid · 2025

Dark and hypnotic — ritualistic grooves, slow-burning atmospheres, after-hours ceremony.

Save Me — Cover, About, Live Cover · Bio · Live
Save Me — Hospitality & Technical rider Rider
Save Me — Equipment & Contact Equipment · Contact
Save Me — complete presskit
View complete presskit
Full layout · Save Me
↗
Currently taking on new artist commissions.
2026 slots · open
Chapters · 07
Other work

LinkedIn

Year 2025—
Scope Ongoing retainer
Chapters 07

Single-post system for two GTM executives. Same architecture, different voices.

A content design system for cold-outbound B2B founders — posts that don't look like junior-marketer work, with frameworks that scale across topics. The constraint was that LinkedIn's feed punishes anything visually loud, and the audience scrolls fast. The tradeoff: a small kit of strict templates (the 1% framework, the pyramid, the dark Tech Stack), with palette doing the variety, so a single post is unmistakable and a series builds recognition.

Chapter 01 of 07The system

The system

Same architecture, different voices.

Two executives at one GTM company. One template, two color systems. Weekly production cadence, ongoing.

The client arrived with a brand framework. I rebuilt the design identity for LinkedIn.

FIG. 01.I · 2026 GTM Tech Stack 2026 GTM Tech Stack — purple variant
Chapter 02 of 07Frameworks

Frameworks

Strategy, distilled to one image.

Long-form thinking compressed into single posts. Each is a self-contained argument — a system, a framework, a stack.

FIG. 02.I · 1-person GTM system The 1-person GTM system
FIG. 02.II · 1% cold email framework The 1% cold email framework
FIG. 02.III · Tech stack · dark 2026 GTM Tech Stack — dark variant
Chapter 03 of 07Palette study

Palette study

Same post. Three palettes.

Scaling Traffic Generation, rendered three times. The system flexes for tone — charcoal, navy, brighter blue — without breaking character.

FIG. 03.I · Charcoal Scaling Traffic Generation — charcoal
FIG. 03.II · Navy Scaling Traffic Generation — navy
FIG. 03.III · Blue Scaling Traffic Generation — blue
Chapter 04 of 07Stack

Stack

Tools, made visible.

A recurring series — each post pairs a tool with Claude. Same template, purple palette, weekly cadence.

FIG. 04.I · Apollo + Claude Apollo plus Claude
FIG. 04.II · Clay + Claude Clay plus Claude
FIG. 04.III · Instantly + Claude Instantly plus Claude
Chapter 05 of 07Styles

Styles

One system. Many skins.

The same frameworks, generated in completely different visual languages — so a weekly series never looks repetitive, and every post still feels built, not templated.

Marker Hand-drawn energy on black
1% framework1% cold email framework — marker style
Follow the pathFollow the path — marker style
7 intent signals7 intent signals — marker style
Technical Terminal readout · matrix green
1% framework1% cold email framework — technical style
Lookalike methodLookalike method — technical style
Tech stackTech stack — technical style
Cards Warm · editorial · print-inspired
5 mistakes5 mistakes — cards style
Lookalike methodLookalike method — cards style
Tech stackTech stack — cards style
Chapter 06 of 07How it's made

How it's made

Idea to feed, in an afternoon.

Every post runs through the same short pipeline — AI-assisted for speed, hand-finished so it never looks generated.

01
Idea
One strategic point worth a whole post.
02
Skeleton
Claude, wired to Figma, drafts the layout — structure, hierarchy, blocks — in one pass.
03
Retouch
By hand in Figma: type, spacing, colour — the details that make it feel designed.
04
Export
Export the frame, ready for the feed.
05
Motion
When it needs to move, the frame goes into Remotion and becomes animation.
Chapter 07 of 07In motion

In motion

When a post stops being still.

The newest layer of the system: the same frameworks, animated in code with Remotion — a static image becomes a scroll-stopper without ever leaving the brand.

This one is a perfect 15-second loop: a radar sweep that lights each of the seven intent signals in turn, then starts again with no visible seam.

I also built a full motion set for arrel.ai.

FIG. 07.I · ColdIQ · 7 signals · radar loop
Chapters · 04
Other work

Arrel AI

Year 2026
Scope Content · Motion
Chapters 04

A pitch, told in their own brand — then set in motion.

arrel.ai is a B2B sales-tech startup building outbound prospecting tools. To win them as a client, I didn't send a deck — I rebuilt a proven LinkedIn post series entirely in their visual language, sampled by hand from a single real post of theirs. Then I took the step most designers stop before: I animated the posts with motion built in code (Remotion), so a static feed became something that moves. Self-initiated — a spec project made to prove the level.

arrel.ai — 3D brand mark
arrel.ai — 2D flat mark
The mark
Their identity in two states — a dimensional 3D icon and its flat 2D lockup. The 3D mark signs every post.
Chapter 01 of 04The pitch

The pitch

Speak their language before they ask.

arrel.ai lives in cold-outbound B2B — the same world as the content system I already run. So instead of pitching in the abstract, I rebuilt that series as if it were already theirs.

One accent green, one warm espresso ground, cream tags, a copper dot. Every post reads as arrel before you read a word — proof I can design inside a brand, not just around it.

FIG. 01.I · 5 mistakes · re-skinned to arrel arrel.ai — 5 mistakes killing your reply rate, cheat-sheet post
Chapter 02 of 04Brand match

Brand match

Brand locked — now in production.

Sampled from a single reference, the system is now fixed: sage-green pills (#93b19f→#37624c), an espresso gradient ground, cream map-labels, a copper accent (#c07a34), and a bold grotesque headline. With the kit locked, every post snaps into the brand — here it is across three very different layouts.

FIG. 02.I · GTM tech stack, mapped arrel.ai — the 2026 GTM tech stack, radial map post
FIG. 02.II · The outbound matrix arrel.ai — the outbound matrix, Fit by Intent 2x2 post
FIG. 02.III · 7 intent signals arrel.ai — 7 intent signals to reach prospects, list post
Chapter 03 of 04In motion

In motion

The same posts — animated in code.

Not After Effects. Each piece is built in React with Remotion, so the design and the animation share one source. Every reaction is triggered by the story: the line lights the signals, the tiers ignite in sequence, the layers stack and breathe.

FIG. 03.I · 7 intent signals

A glowing ball follows the line and lights each signal as it passes.

FIG. 03.II · Lookalike method

Four tiers ignite top to bottom, each rebuilt as its own layer.

FIG. 03.III · The outbound engine

Five 3D layers stack with a soft bounce, then levitate on a slow wave.

Chapter 04 of 04How it's built

How it's built

A pipeline, not a plugin.

I designed each post in Figma, recoloured it to arrel, then rebuilt it as code so it could animate. The whole thing runs from one render command — change a number, re-render, done.

This is the part I learned after this portfolio first went live: motion design driven by code, not timelines.

SourceFigma frame → recoloured to arrel BuildReact + TypeScript · Remotion 4 MotionPer-element triggers · spring easing Format1080 × 1350 · 30 fps · MP4 RenderOne headless command
Result
Three static posts became three animations — same brand, now in motion.
Chapters · 02
Other work

Marks

Year 2020—23
Scope Selected · 02 marks
Chapters 02

Two marks shipped, two different worlds. One paid commission for a Catalan business association; one live brand for a hospital workers' Olympic event, running at @bcnsalutgames.

Chapter 01 of 02AEPLMV

AEPLMV

Sustainable spaces. Stronger futures.

A visual identity for the Associació d'Empresaris/es i Propietaris/es dels Polígons d'Activitat Econòmica de Manlleu i les Masies de Voltregà — a regional Catalan business association of industrial polígons, commissioned and paid. Usually this brief ends in a corporate sans and a glass-and-steel render. The constraint was that the association's pitch is sustainability, but the audience is small-town business owners — modern, not techy; civic, not bureaucratic. The tradeoff: I rendered the polígons as living things — buildings with leaves growing through them — pushing toward eco-architecture and away from generic local-government work.

Region
Osona, Catalonia
Towns
Manlleu · Les Masies de Voltregà
Partners
Local councils
Year
2023
Phase 01 Origin · From the notebook
AEPLMV sketchbook ideation
Fig. 01.I · Sketchbook · ideation phase
Phase 02 Mark · Three directions, isolated
AEPLMV — verticals direction
Direction A
Verticals
AEPLMV — hillscape direction
Direction B
Hillscape
AEPLMV — skyline direction
Direction C
Skyline
Fig. 01.II · Three final candidates · cream halos dissolving into the page
Phase 03 System · The full identity
Mock-up · not real AEPLMV brand identity overview — stationery, signage, guidelines
Fig. 01.III · Brand book · logotype, palette, typography, applications
Phase 04 In context · Applied
Mock-up · not real AEPLMV interior signage and brochure
Interior · reception
Mock-up · not real AEPLMV stationery and digital application
Stationery · digital
Mock-up · not real AEPLMV eco-urban applications board
Eco-urban · merchandise
Fig. 01.IV · From reception desk to tote bag
Closing At building scale
Mock-up · not real AEPLMV — the green building exterior

Building today. Inspiring tomorrow.

Chapter 02 of 02Salut Games

Salut Games

Year · 2020 · live brand

Logo Design

02
no.category: 02.ILogo construction 02.IIColor variants 02.IIILogo sizes 02.IVApplications
Logo process — pre-sketch to final
Source · Process · Pre-sketch → final APrimary mark
Salut Games Logo ™
BWordmark
Salut Games
FIG. 02.I Mark built from one brushed gesture — running body and heart symbol. Black shadow + red body, always in motion.
Anatomy Why this mark

Salut Games is the Olympic Games for hospital workers — healthcare staff competing in athletic events. The mark has to hold both halves at once: the athlete on the track, and the worker in the ward.

The constraint was that healthcare brands skew sterile, sports brands skew aggressive — neither tone fit. The tradeoff: a single hand-painted brushstroke for the runner, paired with a hand-drawn heart-and-cross — texture instead of polish, gesture instead of geometry. Delivered for someone I knew, the mark went on to become the brand's working identity, now live at @bcnsalutgames.

Salut Games — primary mark, isolated
01 · Two strokes

Black shadow + red body. A runner mid-stride, motion compressed into one painted gesture. Red carries forward; black anchors behind. Speed and weight together — a pulse on the move.

02 · Brushed, not built

Hand-painted, not vectorised. This is a brand for people who heal — texture beats precision. The roughness is the point: it reads as human, not corporate.

03 · Heart with a cross

The small mark in the upper right is what pins it to healthcare. Without that heart-and-cross, this is just a sports logo. With it, the runner is unmistakably one of them.

In context Out in the world

The mark is alive — BCN Salut Games runs it across an active Instagram presence and a proposed web identity. Real audience, real reach.

Live @bcnsalutgames · 2.7k followers · 3k posts
@bcnsalutgames Instagram profile — live brand
Fig. 02.II · @bcnsalutgames · live profile · ● active
Web Concept · proposed identity
Mock-up · not real Salut Games web concept — homepage
Fig. 02.III · Web concept · home, mission, events, donate
/ End · Get in touch Barcelona · 2026

Let's make
something.

Open to studio roles, freelance commissions, and anything in between. Brand, editorial, after-hours culture.

Email
paumoratodesign@gmail.com
Phone
+34 608 82 33 04
Location
Barcelona, ES
LinkedIn
in/pau-morató-sebastià ↗

This portfolio is my design CV. Read it slowly.

© 2026 · Pau Morató Designed in Barcelona