FlagshipMarginalia
- Free
- Portfolio
- 4 styles
- WordPress 7.0+
- PHP 7.4+


Scroll inside the preview
Overview
A playful portfolio theme for illustrators, comic artists and picture-book makers: hand-drawn doodles, stickers, tilted polaroid cards and a masonry wall of your work.
Marginalia is a portfolio for people who draw. Cream paper, soft and wonky Fraunces headlines, handwritten notes in Caveat, doodled arrows and stars, sticker badges and project cards that sit slightly crooked on a masonry wall until you point at them. The work is the color.
It is built on the Symelo portfolio foundation, so projects are a real content type with their own fields, and everything below works without a page builder:
- Projects: a Projects menu with disciplines and industries, client, year, role, duration, location, tools, a shop link, a summary, galleries in four layouts, a before/after slider, the challenge / approach / outcome of the case study, results, credits, a client quote, a map and the next project. Values are edited with the free Secure Custom Fields plugin (the theme offers to install it) and keep showing without it.
- A masonry wall: project grids lay out as polaroids with tape and numbered stickers, in varying heights, straightening up on hover.
- Filterable work: discipline chips drawn as wobbly pills, search and sort; the grid updates without a reload, keeps the address shareable and works without JavaScript.
- Commissions: an availability sticker in the header and hero, a "Open for commissions" band with three steps, an inquiry form that fills in the project a visitor came from, and a Shop prints call to action.
- Handwritten details: section notes, gallery captions and numbers are set in Caveat; doodles are inline SVG in your colors, so they follow every style variation and the dark scheme.
- Galleries: Masonry and Carousel gallery styles and a lightbox with captions, swipe and keyboard support.
- Motion: gentle floating stickers, a wiggle on hover and staggered reveals; all of it off for visitors who prefer reduced motion.
- Light and dark: a switch in the header that remembers the visitor's choice, and three style variations: Ink (dark), Risograph (fluo pink and blue on warm print paper) and Sunday (sunflower yellow), each with its own night or day partner.
Templates: blog home, single post, page, archive, search (projects, posts and pages together), 404, the project page, the projects archive, discipline and industry archives, plus the custom templates Landing page, Wide and Case study. Template parts: header, header over a hero image, footer and a minimal footer.
About fifty patterns: three heroes (a collage of polaroids, your name with handwritten notes, and a masonry wall with a floating introduction), a sticker ticker, selected work, the project index, the filterable grid, services, process, the studio in numbers, clients, awards, speech-bubble testimonials, questions, galleries, forms, journal lists, the commission band, the print shop and full pages for Home, Work, About and Contact.
The demo content (Appearance → Import demo) installs a complete portfolio with nine projects, disciplines, industries, clients, awards and the Home, Work, About and Contact pages.
Questions
Where do I add projects and studio details?
Projects have their own menu (Projects → Add Project); the project details are below the editor. Your availability, email, phone, address, clients and awards are under Projects → Studio details. Both need the free Secure Custom Fields plugin, which the theme offers to install in one click. Without it, everything already entered keeps showing.
Where do form submissions go?
Every inquiry, message, collaboration request and newsletter signup is saved under Messages in the dashboard and emailed to the site's administration email address. To send them somewhere else, open Messages → Settings and enter one or more recipients, or select a form block and set its own recipients in the block settings. Make sure your site can send email (most hosts need an SMTP plugin or service for reliable delivery).
How does the hover preview of the project index work?
On a computer with a mouse, the cover image of the row under the pointer follows it. It uses the project's featured image ("Cover image"). On phones and tablets the image shows as a small thumbnail at the start of each row, and keyboard users see it beside the focused row.
How do I add a featured video to a project or a post?
In the editor, open the document settings and find the Featured video panel. Paste a YouTube or Vimeo link, or choose a video file from the media library. The project page shows it edge to edge in place of the cover image.
Can I turn the animations off?
They switch off automatically for visitors who ask their device for reduced motion. To remove an animation from a block, select it and clear the effect in the Motion panel (or remove the sk-… class under Advanced → Additional CSS classes).
How does dark mode work?
The moon / sun button in the header switches between a light and a dark palette and remembers the choice in the visitor's browser. Every style variation has its own partner: the default Cream and Ink swap with each other, Risograph has a deep plum night and Sunday a dark brown. Pick the variation in Appearance → Editor → Styles.
Why does the page title sometimes not appear?
The page template leaves out the title when the page opens with its own hero (a heading, a cover or one of the hero and full-page patterns), so it never appears twice. Use the Landing page template to leave it out everywhere.
All versions
- 1.0.0WordPress 7.0+ · PHP 7.4+ZIP · 2.1 MB
- First release.
SHA-256
b5f923fbfd555677846254597ead1857e63852e5d73957e06b8ffa7e8661bb64
Credits
Marginalia WordPress Theme, (C) 2026 Symelo LTD. Marginalia is distributed under the terms of the GNU GPL.
This program is free software: you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation, either version 2 of the License, or (at your option) any later version.
This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details.
Symelo Theme Kit (inc/kit) and Symelo portfolio foundation (inc/foundation) License: GPLv2 or later, https://www.gnu.org/licenses/gpl-2.0.html Copyright: (C) 2026 Symelo LTD
Fraunces (assets/fonts/fraunces) License: SIL Open Font License 1.1, https://openfontlicense.org (assets/fonts/fraunces/OFL.txt) Copyright: 2018 The Fraunces Project Authors Source: https://github.com/undercasetype/Fraunces
Figtree (assets/fonts/figtree) License: SIL Open Font License 1.1, https://openfontlicense.org (assets/fonts/figtree/OFL.txt) Copyright: 2022 The Figtree Project Authors Source: https://github.com/erikdkennedy/figtree
Caveat (assets/fonts/caveat) License: SIL Open Font License 1.1, https://openfontlicense.org (assets/fonts/caveat/OFL.txt) Copyright: 2014 The Caveat Project Authors Source: https://github.com/googlefonts/caveat
Images from the Symelo placeholder library (https://symelo.com/tools/placeholder-images), (C) 2026 Symelo LTD, distributed with the theme under the GPLv2 or later:
- assets/images/sketchbook.webp: workspace-11 (open sketchbook and pencil by a rainy window)
- assets/images/prism.webp: abstract-10 (glass prism casting a rainbow)
- assets/images/plates.webp: abstract-9 (ceramic plates from above)
- inc/foundation/demo/images (the portfolio foundation's demo images, used in the patterns and the demo content): paper-waves (abstract-1), glass-forms (abstract-2), ink-cloud (abstract-5), copper-ribbon (abstract-6), terracotta-housing (architecture-2), atrium (architecture-12), terracotta-bath and terracotta-bath-before (interiors-7), headphones (technology-8), studio-table (workspace-4)
The doodles (arrows, stars, squiggles and spirals) are original SVG drawings made for Marginalia, (C) 2026 Symelo LTD, distributed with the theme under the GPLv2 or later.
More portfolio themes
Browse all 9 themes
Flagship
Affordance
PortfolioA calm, systematic portfolio theme for UX and product designers: white cards on a soft grey canvas, annotated screenshots, device frames, metric cards and long-read case studies.
4 styles1.4 MB