Our logo, colour, type, and voice — plus the copy-paste site credit for every site we build. Since 2008. Marketing That Drives ROI®.
Logo
The Fabulous Media mark reads on light and dark. Keep clear space around it equal to the height of the fold, and never stretch, recolour, or add effects.
Colour
Signal Red is the one accent — used sparingly for action and emphasis. Everything else is warm ink and bone. Click any swatch to copy its hex.
Typography
Three families do all the work: Fraunces for display, Poppins for text and UI, Caveat for the occasional human aside.
Voice
Confident, specific, allergic to fluff. We lead with outcomes and back them with proof.
Site credit
Paste this into the footer of any site we build. Images are served from fabulousmedia.in — no third-party subdomain. Leave the theme off to follow the visitor's OS; or force it with on-light / on-dark. GoCommercially flips to white automatically on dark.
<!-- Fabulous Media · site credit -->
<div class="siteCredit"><!-- add class on-light / on-dark to force a theme; omit to follow the visitor's OS theme -->
<a href="https://fabulousmedia.in" target="_blank" rel="noopener noreferrer" aria-label="FabulousMedia" class="creditLogo">
<img src="https://fabulousmedia.in/sitecredit/images/fabulousmedia.png" alt="FabulousMedia" width="24" height="24" loading="lazy">
</a>
<span class="creditDivider" aria-hidden="true"></span>
<a href="https://gocommercially.com" target="_blank" rel="noopener noreferrer" aria-label="GoCommercially" class="creditLogo creditLogo--mono">
<img src="https://fabulousmedia.in/sitecredit/images/gocommercially.svg" alt="GoCommercially" width="24" height="24" loading="lazy">
</a>
</div>.siteCredit{display:inline-flex;align-items:center;gap:14px;font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
.siteCredit .creditLogo{display:inline-flex;align-items:center;line-height:0;opacity:.82;transition:opacity .2s ease}
.siteCredit .creditLogo:hover{opacity:1}
.siteCredit .creditLogo img{display:block;height:24px;width:auto}
.siteCredit .creditDivider{width:1px;height:20px;background:currentColor;opacity:.22}
/* GoCommercially is a single-colour mark — flip it to white on dark */
.siteCredit.on-dark .creditLogo--mono img{filter:brightness(0) invert(1)}
@media (prefers-color-scheme:dark){
.siteCredit:not(.on-light) .creditLogo--mono img{filter:brightness(0) invert(1)}
}<style>
.siteCredit{display:inline-flex;align-items:center;gap:14px;font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
.siteCredit .creditLogo{display:inline-flex;align-items:center;line-height:0;opacity:.82;transition:opacity .2s ease}
.siteCredit .creditLogo:hover{opacity:1}
.siteCredit .creditLogo img{display:block;height:24px;width:auto}
.siteCredit .creditDivider{width:1px;height:20px;background:currentColor;opacity:.22}
/* GoCommercially is a single-colour mark — flip it to white on dark */
.siteCredit.on-dark .creditLogo--mono img{filter:brightness(0) invert(1)}
@media (prefers-color-scheme:dark){
.siteCredit:not(.on-light) .creditLogo--mono img{filter:brightness(0) invert(1)}
}
</style>
<!-- Fabulous Media · site credit -->
<div class="siteCredit"><!-- add class on-light / on-dark to force a theme; omit to follow the visitor's OS theme -->
<a href="https://fabulousmedia.in" target="_blank" rel="noopener noreferrer" aria-label="FabulousMedia" class="creditLogo">
<img src="https://fabulousmedia.in/sitecredit/images/fabulousmedia.png" alt="FabulousMedia" width="24" height="24" loading="lazy">
</a>
<span class="creditDivider" aria-hidden="true"></span>
<a href="https://gocommercially.com" target="_blank" rel="noopener noreferrer" aria-label="GoCommercially" class="creditLogo creditLogo--mono">
<img src="https://fabulousmedia.in/sitecredit/images/gocommercially.svg" alt="GoCommercially" width="24" height="24" loading="lazy">
</a>
</div>Get a free, no-obligation growth plan from a senior strategist within 24 hours.
