samudrafm.com SMK Taman SEA school radio programme
Offline

Offline

Send a request
LIVE

Offline

Offline

Offline

Brand Usage Guidelines

Maintain consistency and protect the integrity of the samudrafm brand. Follow these guidelines when using our logos, colors, and typography.

Logo Variations

samudrafm primary wordmark

Primary Wordmark

The main sfm. wordmark. Use as the default logo on dark backgrounds for most applications.

Download
samudrafm app icon on gradient

App / Social Icon

Square gradient icon for app icons, social avatars, and profile pictures. Works on light or dark surrounding UI.

Download
samudrafm rounded icon

Rounded Icon

Rounded version of the app icon for favicons, touch icons, and circular crop contexts.

Download
samudrafm.com text logo

Website Wordmark

Text logo for headers, navigation, and web chrome. Best on dark backgrounds.

Download
samudrafm.com text logo with slogan

Full Lockup

Website wordmark with school radio line and slogan. Use when you need the full brand message.

Download
samudrafm cover art logo

Cover / Fallback Mark

Artwork used for player cover art and offline fallbacks. Prefer this when a square filled graphic is needed.

Download

Color Palette

Brand Pink

#F91E5A

Primary brand color for CTAs, accents, and highlights.

Electric Violet

#5B41FE

Header wash and secondary accent behind the live player.

Typography

Brand Font — Funnel Display

samudrafm.com

Weight: Extra Bold (800) only Use for logos, display headlines, and brand moments

Do not use Funnel Display for long body copy. Keep it at extra bold and reserve it for short brand-facing text.

Body Font — Atkinson Hyperlegible

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

Regular 400 · Bold 700 Site UI, paragraphs, and forms

Chosen for readability and accessibility. It helps readers distinguish letters clearly, including people with dyslexia or low vision.

Usage Guidelines

Do's

  • Use the logo at appropriate sizes with adequate clear space
  • Maintain the logo's aspect ratio when scaling
  • Use the correct logo variation for your background (light/dark)
  • Ensure sufficient contrast between logo and background
  • Use brand colors consistently across all materials
  • Respect the minimum clear space around the logo
  • Use high-resolution SVG files for print materials

Don'ts

  • Do not distort, rotate, or modify the logo
  • Do not change the logo colors unless using approved variations
  • Do not place the logo on busy backgrounds that reduce visibility
  • Do not add effects like shadows, outlines, or gradients to the logo
  • Do not use outdated or modified versions of the logo
  • Do not use the logo smaller than the minimum size requirement
  • Do not use low-resolution images for print or large displays

Questions?

If you have questions about brand usage or need approval for specific applications, please contact us.

or email us at contact@samudrafm.com