Selamat Pagi: A Display Font That Brings Cheer to Digital Design
I was halfway through building a landing page for a creative coaching website when I hit a wall. The layout was clean, the imagery was warm, and the sans serif body copy felt professional. But the hero section looked flat. The headline needed personality. I needed a typeface that could smile.
That is when I opened Selamat Pagi, a font mix of over 100 cheerful and fun display fonts. The name itself means "good morning" in Indonesian, and the moment I previewed the first character set, I understood why. This collection is lively, upbeat, and full of character. It does not whisper. It greets you.
What Selamat Pagi Looks Like in a Layout
Selamat Pagi is not a single typeface. It is a curated bundle of over 100 display fonts, each with its own personality. Some are bold and playful. Others are handwritten, script-like, or decorative. What ties them together is a shared sense of joy. When I dropped the first few styles into my hero headline, the page transformed. The headline became the focal point. It felt approachable, human, and memorable.
For digital projects, this kind of variety matters. A single display font can feel repetitive across multiple sections. With Selamat Pagi, I could switch styles between the main headline, the section headers, and the call-to-action button without losing cohesion. The fonts share a similar mood even when their shapes differ.
Where Selamat Pagi Shines in Web Design
In my coaching site project, I used Selamat Pagi for the hero title, the tagline below it, and the section headings. The body copy remained a clean sans serif font, which I will discuss later. The display fonts worked best for short, impactful phrases. They are not designed for long paragraphs, and that is exactly as it should be. Display fonts are meant to be seen, not scanned.
Here are the areas where Selamat Pagi performed well in my layout:
- Hero headlines – The main title became the first thing visitors noticed. The font's cheerful curves made the brand feel inviting.
- Section headings – Each section header used a different style from the bundle, creating visual variety while keeping the mood consistent.
- Call-to-action buttons – A bold, rounded display font on the CTA made the button stand out without needing extra decoration.
- Image overlays – When placed over a bright background photo, the font remained readable because of its generous weight and clear letterforms.
- Logo text and branding accents – For a boutique online store, I could see using one of the script styles as a logo mark or a decorative element on product banners.
Readability and Visual Hierarchy on Screen
One concern I had was whether a display font with so much personality would remain readable on smaller screens. I tested Selamat Pagi on a mobile viewport, and the results were encouraging. The fonts with thicker strokes held up well at 24px and above. The more delicate script styles needed a little more space, around 32px or larger, to keep their details clear.
For responsive design, I recommend using Selamat Pagi for headlines and section titles that scale up on desktop and remain bold on mobile. Avoid using it for body text, navigation links, or any text smaller than 20px. The fonts are designed for impact, not density. Pair them with a simple sans serif font for paragraphs and microcopy, and the visual hierarchy becomes natural.
When testing readability over a dark background, the fonts with lighter fills or thinner strokes lost some contrast. I adjusted by adding a subtle text shadow or using a solid color background behind the text. For light backgrounds, the fonts read clearly without extra treatment.
Font Pairing: Making Selamat Pagi Work with Body Copy
No display font works in isolation. The success of a digital layout depends on how the headline typeface relates to the supporting text. For my coaching site, I paired Selamat Pagi with a clean, neutral sans serif font for the body copy. The contrast was deliberate. The display fonts brought energy and warmth, while the sans serif kept the reading experience comfortable and professional.
If you prefer a more editorial look, you could pair Selamat Pagi with a serif font for body text. The serif adds a touch of structure and tradition, which balances the playfulness of the display fonts. For a boutique online store, a serif body font could reinforce a premium feel while the display fonts handle the branding and promotional copy.
For a portfolio site, you might use Selamat Pagi for project titles and your name, then let a simple sans serif handle the project descriptions. The key is to let the display font do the heavy lifting for emotion and attention, while the supporting font handles clarity and flow.
Practical Considerations for Web Use
Before committing Selamat Pagi to a live website, I checked a few technical details that every designer should verify. The font bundle includes multiple file formats, which is essential for web projects. For self-hosted sites, you will want to use WOFF and WOFF2 formats for optimal performance and browser compatibility. If you are using a platform like Webflow or Shopify, you can upload the font files directly or use a service like Font Squirrel to generate the web-ready versions.
I also checked the licensing terms. Selamat Pagi is a commercial font bundle, so it is safe to use on client projects, online stores, landing pages, and digital templates. Always confirm the license covers webfont use, especially if you are embedding the font in a SaaS platform or a high-traffic site.
The bundle includes a wide range of styles, from bold and chunky to light and handwritten. Some styles include alternates or ligatures, which add a handmade feel to digital text. For a campaign landing page, those alternates can make the headline feel custom without needing custom lettering.
Building a Consistent Brand Identity with Selamat Pagi
For a digital brand kit, consistency matters. With over 100 fonts in one bundle, you might worry about visual chaos. But in practice, the fonts share a similar tone. They are all cheerful, approachable, and slightly informal. That consistency makes it possible to use different styles across different touchpoints without losing brand recognition.
For example, you could use a bold script style for your email header, a rounded display font for your social media graphics, and a hand-drawn style for your blog post titles. Each piece feels distinct, but the overall brand voice stays the same. Selamat Pagi gives you that flexibility without requiring you to purchase multiple separate font families.
Final Layout Decisions in My Project
After testing Selamat Pagi in several sections, I landed on a simple system. The hero headline used a bold, rounded display font from the bundle. The section headings used a different style, but one that still felt connected to the hero. The call-to-action button used a condensed version that fit neatly in a small space. Everything else was set in a clean sans serif.
The result was a page that felt warm, human, and professional. The fonts did not compete with the content. They supported it. Visitors could scan the page quickly, understand the message, and feel the brand's personality from the first moment.
For any web designer, UI designer, or digital creator looking to add a cheerful, versatile display font to their toolkit, Selamat Pagi is worth exploring. It is not a font for every project. But for projects that need a smile, it is a natural fit.
