Home

Landing Brand Guidelines

LinkedIn
Content Studio

Landing page variant. Cream warmth meets LinkedIn blue. Editorial precision, platform identity.

01

Color

Cream pozadina za toplinu, LinkedIn blue kao akcenat, navy za autoritet. Razlika od editor brandinga: blue-700 umesto amber-700.

Cream

#faf7f2

Pozadina stranice

LinkedIn Blue

#1d4ed8 - blue-700

Akcenat, dugmad, labeli, stats sekcija

Navy

#0f172a - slate-900

Naslovi, body headings

Paper White

#ffffff

Editor preview, CTA sekcija

Razlika editor vs landing: Editor koristi amber-700 (gold) za akcente - topao, tool-focused. Landing koristi blue-700 (LinkedIn blue) - platform-connected, marketinški orijentisan.

02

Typography

Identična tipografija kao editor branding. Serif italic naslovi, sans-serif body. Jedina razlika: akcentni tekst u blue-700.

Display - font-serif · font-bold · italic

8.4/10

Section Label - blue-700 (umesto amber-700)

Features

Accent - blue-700

Powered by real-time readability analysis.

03

Components

Ista struktura. Blue-700 umesto amber-700 za border-left, dugmad, i pill akcente.

Buttons

Feature Card

ARI Readability Index

Grades your text by complexity. Aim for 6-8.

Score Display

8.4

/10

Post Score

Stats Section

Real-time

Instant feedback

bg-blue-700 - stats sekcija i CTA dugmad. Jedini full-color blok na stranici.

04

Editor vs Landing

Dva varijanta istog dizajn sistema. Ista struktura, različit akcenat.

Editor - Gold (amber-700)

Topao, alat-fokusiran. Gold evocira preciznost i craft. Koristi se na /tools/linkedin-content-studio.

Landing - LinkedIn Blue (blue-700)

Platforma-povezan, marketinški. Blue evocira LinkedIn identitet. Koristi se na /landing.

05

Do / Don't

Do

  • +Blue-700 za sve akcente na landing stranici
  • +Blue-700 primarno dugme (umesto slate-900)
  • +Blue-700 stats sekcija kao full-color blok
  • +Zadržati cream pozadinu, serif italic, stone tonove
  • +Hover na sekundarnom dugmetu: border-blue-700

Don't

  • - Mešati amber-700 i blue-700 na istoj stranici
  • - Koristiti LinkedIn brand blue (#0A66C2) direktno - blue-700 je dovoljno blizu
  • - Gradijenti, glass morphism, senke
  • - Više od jedne akcentne boje po stranici