Horizontal logo
For dark backgrounds · 1620 × 300 PNG, or transparent 1583 × 268
Press Kit & Brand Assets
AFFMashup Brand Assets
Download our logos, badges, and brand guidelines for your event website, press releases, and marketing materials.
Brand Colors
The five flat colours of the Folded Pass identity. Use the exact values below and keep the yellow and lilac to the F folds and the Featured label.
Ink
Text, dark backgrounds, the dark badge
#0F0D14Ivory
Light backgrounds, the light badge
#FAF4EACoral
AFF and "up" in the wordmark, calls to action
#FF6B4AYellow
First F fold, the Featured label
#FFD84DLilac
Second F fold, the Featured corner
#C8B9FBCSS variables
:root {
--aff-ink: #0F0D14;
--aff-ivory: #FAF4EA;
--aff-coral: #FF6B4A;
--aff-yellow: #FFD84D;
--aff-lilac: #C8B9FB;
}
Logo Downloads
The Folded Pass wordmark: AFF in coral with yellow and lilac folds on the F letters, a normal triangular A, and Mashup with “up” in coral. Keep the aspect ratio and do not redraw or recolour it.
Horizontal logo
For light backgrounds · 1100 × 218 PNG, or transparent 1062 × 201
Each horizontal logo comes with its background included and as a transparent file. Use the dark version (cream “Mash”) on dark backgrounds and the light version (black “Mash”) on light ones.
Profile pictures
Square images with extra clear space for circular crops. Use “Full name · dark” on Instagram, Facebook and Telegram so the brand is recognised everywhere.
For Event Organizers
Listed & Featured Badges
Show visitors that your event is on AFFMashup. Choose the badge that contrasts with your website background and link it to your event page.
Embed code
Listed on AFFMashup · dark
<a href="https://affmashup.com/events/YOUR-EVENT-SLUG" target="_blank" rel="noopener" title="Listed on AFFMashup"> <img src="https://affmashup.com/static/brand-kit/v1/badges/affmashup-listed-dark.svg" alt="Listed on AFFMashup" width="320" height="111" style="display:block;max-width:100%;height:auto"> </a>
How to use
- Pick a badge above. The code updates to match.
- Copy the embed code.
- Replace
YOUR-EVENT-SLUGwith your event’s URL slug on AFFMashup. - Paste it into your website’s HTML. Show it 300–420 px wide.
Listed and Featured are placement labels, not ratings or certifications. Use the Featured badge when your event has a featured placement on AFFMashup.
Typography
Three families, each with one job. The navigation, menus and footer use the same set on every page.
Interface & body
Space Grotesk
Navigation, buttons, cards and running text. Weights 400, 500, 600 and 700.
Google FontsHeadlines
Instrument Serif
Page titles and section headings, with the italic for the highlighted phrase. Regular 400 only.
Google FontsLabels & data
JetBrains Mono
Eyebrows, dates, counts and footer headings, set in capitals with wide tracking. Weights 400 to 700.
Google FontsBrand Guidelines
Please follow these guidelines when using our brand assets.
Do
- Use logos on a clean, uncluttered background
- Maintain the original aspect ratio
- Use appropriate logo version for background color
- Provide adequate clear space around the logo
- Link the Listed or Featured badge to your event page on AFFMashup
Don't
- Stretch, skew, or distort the logo
- Change the logo colours or remove the yellow and lilac F folds
- Add effects like shadows or gradients to the logo
- Use the logo on busy or low-contrast backgrounds
- Recreate or modify the logo
Need Custom Assets?
If you need logos in different formats, co-branded materials, or have any questions about using our brand assets, feel free to reach out.