pubseo identity
Logo
Our logo sits at the core of our brand. Its organic, fluid structure
reflects the dynamic nature of digital content and the evolving
patterns of search.
It symbolises our commitment to providing comprehensive writing
solutions that help users grow meaningful, organic traffic.
Logo size & spacing
To preserve the integrity of the pubseo logo, a clear-space buffer must be maintained on all sides. This exclusion zone prevents visual interference and ensures consistent presentation across all media. The required clear space is equal to the negative space inside the “o” (or p or b) in pubseo, which measures approximately ≈ 0.25em.
Download logo
Download icon (>64px)
Download favicon (<64px)
Colour Palette
Our colour palette is built around soft, natural tones that evoke growth, clarity, and trust. These colours feel calm, approachable, and human—reflecting pubseo's goal of simplifying complex SEO workflows and supporting sustainable, long-term traffic growth. Together, these colours create a muted, fluid, and cohesive visual system—one that feels trustworthy, modern, and aligned with the evolving nature of search and content.
Logo Variations
The pubseo logo is designed to be flexible and expressive. Its fluid, modular structure allows it to adapt naturally across a wide range of colour variations within our palette. This versatility lets the mark feel dynamic while remaining consistent and recognisable in every application.
Logo with Hover animation
Typography
For all brand-led messaging, we use Montserrat. Its clean geometry and soft curves give pubseo a modern, confident voice without feeling heavy. To keep that sense of openness, use lighter weights for headlines and core brand communication. This preserves the airy whitespace that’s central to our visual style. Heavier weights can still be used selectively, such as in data visuals, UI elements, or storytelling moments that need extra emphasis. Typography should generally appear in black or white for maximum clarity. Montserrat is available on Google Fonts
Lexend is a modern sans serif designed for clarity and calm. Its rounded geometry and generous spacing create a smooth reading rhythm that pairs well with our headline font. The lighter weights help keep layouts breathable, supporting our focus on whitespace and a gentle visual flow. Typography should generally be set in deep indigo or cloud white for maximum contrast. Use Lexend for body copy, infographics, explanatory notes, and longer reading experiences. It should always appear in combination with our headline font to maintain balance and hierarchy across the brand. Lexend is available on Google Fonts
Graphics
Our graphic elements are built from soft, organic shapes that feel grown rather than engineered. They echo forms found in nature: rounded edges, gentle curves, and silhouettes that never sit perfectly still. Even when static, these shapes suggest movement — like waves drifting across a shoreline or liquid nodes slowly pulling toward one another.
This visual language reinforces the brand’s fluid, adaptable character. Shapes may overlap, stretch, or subtly deform, always hinting at quiet motion without becoming distracting. The goal is to create a sense of calm dynamism: still images that feel like they could breathe.
Hero with Background animations
Animation & Interactions
Our animations should feel slow, organic, and quietly alive. Think of shapes that breathe rather than bounce, expanding and contracting with a natural rhythm. Movement flows like liquid mercury: smooth, cohesive, and never rushed. Elements drift, merge, and coalesce with a sense of gentle purpose, echoing the fluidity and adaptability at the heart of our brand. Avoid sharp cuts or fast, snappy transitions. Every motion should feel soft, intentional, and almost meditative, supporting the calm clarity of our visual system.
