URLNow Brand Guide

Built for speed. Designed for trust.

Use these standards when representing URLNow in partner pages, integrations, email templates, documentation, dashboards, and marketing materials.

Primary logo App icon

Brand Overview

URLNow is a fast, modern URL shortener with click tracking. The brand should feel modern, clean, fast, trustworthy, SaaS-focused, and developer-friendly.

Logo Usage

The primary logo combines the chain-link arrow icon with the URLNow wordmark. Use it in website headers, landing pages, dashboards, authentication screens, documentation, and email templates.

Primary Logo

Use logo.png. Keep clear space around the mark equal to at least the icon arrow height.

Favicon

Use favicon.png. Recommended display size is 32 by 32 pixels.

App Icon

Use icon.png for app icons, social profiles, compact navigation, and loading screens.

Color Palette

Use the brand blue as the primary action color, navy for core text, bright blue for active and hover states, and cyan sparingly for analytics accents.

Navy#0F1F3A

Brand Blue#1535A3

Bright Blue#1478FF

Cyan Accent#22C7F5

Soft Background#F7FAFF

Cool Gray#94A3B8

Typography

H1 / 56 / 64Modern link tracking

H2 / 40 / 48Short links with clarity

Body / 16 / 28Use Inter Regular, Medium, and SemiBold for paragraphs, navigation, forms, tables, descriptions, and buttons.

Mono / optionalurlnow.me/campaign-042

UI Theme

The URLNow interface uses a clean SaaS aesthetic with high contrast text, white cards, subtle navy shadows, light backgrounds, blue gradient primary buttons, and outlined secondary buttons.

Element	Standard
Primary CTA	`#1535A3` to `#1478FF`, 48px height, 14-16px radius, Inter SemiBold 16px.
Secondary CTA	White or transparent background, cool gray border, brand blue text, `#F7FAFF` hover.
Inputs	48px height, 14-16px radius, cool gray border, bright blue focus state with a subtle blue glow.
Cards	White background, 16px radius, soft border, subtle navy shadow, 24-32px padding.
Spacing	Base unit is 4px. Use 24-32px for card padding and 48-64px for section spacing.

Developer Handoff

Files

logo.png for the primary logo.
favicon.png for browser favicons.
icon.png for app and social icons.

Foundations

Heading font: Montserrat.
Body font: Inter.
Code font: JetBrains Mono.

Layout

Maximum section width: 1200px.
Card radius: 16px.
Button and input height: 48px.