Brand guidelines

The HappifyApps mark, palette, and voice.

The reference for press, partners, and anyone linking to or writing about HappifyApps — logo files, the color tokens the site actually renders from, type scale, and the plain-language voice we hold every page to.

Logo

One lockup: the mark and the wordmark, always together.

A square green mark with a white lowercase “h”, followed by the lowercase happifyapps wordmark. They are one clickable unit, never recomposed or separated.

happifyappsOn light

happifyappsOn dark

App icon only

Keep clear space of at least half the mark’s width on every side. The mark stays brand green on both light and dark; only the wordmark switches to white on dark surfaces.

Color

The tokens the site actually renders from.

Every value below is a live CSS custom property in the codebase, not a swatch invented for this page. Green is an accent, not the default text color — most of the site is ink on white.

Brand

#008060

Links and small accents on light

Brand strong

#006e52

Link hover

Brand soft

#e6f5ee

Soft callouts

Highlight

#36f4a4

Mint accent, mainly inside dark bands

Ink

#121c1e

Primary text and primary buttons on light

Ink subdued

#71717a

Body copy, labels, metadata

Charcoal

#061a1c

Dark bands: hero, footer, CTA

Border

#d4d4d8

Hairlines and card borders

Typography

Inter, set large and light, sentence case throughout.

HeadlineH1 · up to 92px · weight 400

Section headingH2 · 56–64px · weight 400

Card titleCard titles · 20–30px · weight 500

Body copy reads at 16px with 1.5 line height, in Inter regular.Body · 16px/1.5 · weight 400

Voice

Plain language, honest status, no invented numbers.

Say the real stage

Live, coming soon, or concept — every product and claim on the site carries its actual status, not an aspirational one.

No fabricated proof

A testimonial or metric is published only with a baseline and written approval. Illustrative interfaces are always labeled as such.

Write like a colleague

Sentence case, no tracked-out uppercase, no poster copy. Explain the trade-off instead of the superlative.

Usage

What not to do with the mark.

Stretch, rotate, recolor, or add effects (shadows, gradients, outlines) to the mark
Separate the mark from the wordmark, or place competing text inside its clear space
Recreate the logo as text or a different SVG instead of the shared component
Use the brand green as a body-text color, or turn a whole page green
Set headlines or labels in uppercase — the wordmark is lowercase and so is the site

Downloads

Logo and icon files.

Logo mark (SVG)Download App icon, 512px (PNG)Download App icon, 192px (PNG)Download Profile avatar, 800px (PNG)Download Open Graph banner, 1200×630 (PNG)Download

Social asset library

Every approved sharing, profile, cover, and campaign format.

Use the native-size PNG for the named placement. Keep essential content inside each platform’s safe area, and do not stretch one format to fill another.

19 production-ready files

Open Graph link preview

Website sharing · 1200 × 630

The HappifyApps mark, palette, and voice.

One lockup: the mark and the wordmark, always together.

The tokens the site actually renders from.

Inter, set large and light, sentence case throughout.

Plain language, honest status, no invented numbers.

Say the real stage

No fabricated proof

Write like a colleague

What not to do with the mark.

Logo and icon files.

Every approved sharing, profile, cover, and campaign format.

HappifyApps is built and operated by Udaan Technologies Pvt. Ltd.

The HappifyApps mark, palette, and voice.

One lockup: the mark and the wordmark, always together.

The tokens the site actually renders from.

Inter, set large and light, sentence case throughout.

Plain language, honest status, no invented numbers.

Say the real stage

No fabricated proof

Write like a colleague

What not to do with the mark.

Logo and icon files.

Every approved sharing, profile, cover, and campaign format.

HappifyApps is built and operated by Udaan Technologies Pvt. Ltd.