[NADEEMABLE // BRAND GUIDE & CONSTITUTION]
[BRAND GUIDE & SYSTEM SPECIFICATION]

Warmth, Authority, & Editorial Conviction.

The complete visual identity system: Playfair Display heavy serif headlines, Hanken Grotesk spacious sans body, JetBrains Mono architectural tags, and the crowned lion crest.

Headlines: Playfair Display (Tight -0.03em)
•
Body: Hanken Grotesk (Spacious)
•
Labels: JetBrains Mono (Loose +0.08em)
•
Canvas: Warm Vellum (#FAF4E8)

[01 // PANORAMIC WIDESCREEN LOCKUPS]

Billboard & Hero Banner Colorways

Wide Lockup — Coral on Midnight Navy
BANNER 01
Hero Billboard / Navy Mode

Wide Lockup — Coral on Midnight Navy

High-impact widescreen banner lockup pairing the coral lion and lowercase wordmark against deep navy.

JPG · Panoramic LockupView Raw ↗
Wide Lockup — White Monoline on Obsidian
BANNER 02
Dark Surface / Reverse

Wide Lockup — White Monoline on Obsidian

Reverse stark white lockup for full-width dark headers, billboards, and high-contrast night surfaces.

JPG · Panoramic ReverseView Raw ↗
Wide Lockup — Obsidian on Clean Canvas
BANNER 03
Paper Canvas / Monotone

Wide Lockup — Obsidian on Clean Canvas

Minimalist black silhouette lockup for light editorial canvas, stationery, and architectural presentation.

JPG · Panoramic SilhouetteView Raw ↗
Wide Lockup — Navy Silhouette on Coral Signal
BANNER 04
Brand Alert / High-Impact CTA

Wide Lockup — Navy Silhouette on Coral Signal

Ultra-vibrant brand announcement banner featuring navy crest and wordmark over solid crimson coral.

JPG · Panoramic Brand SignalView Raw ↗

[02 // HORIZONTAL LOGO LOCKUPS]

Primary Wordmark + Lion Lockups

Horizontal Lockup — Coral Signal
LOCKUP 01
Primary Master Lockup

Horizontal Lockup — Coral Signal

Primary signature lockup for headers, presentations, and light surfaces.

PNG · Full Horizontal LockupView Raw ↗
Horizontal Lockup — Pure White Reversed
LOCKUP 02
Dark Surface / Reverse

Horizontal Lockup — Pure White Reversed

Inverted full lockup for dark surfaces, deep graphite panels, and obsidian mode.

PNG · White Reverse LockupView Raw ↗
Horizontal Lockup — Obsidian Silhouette
LOCKUP 03
Paper / Monochrome

Horizontal Lockup — Obsidian Silhouette

High-contrast monochrome black lockup for warm vellum paper and editorial print.

PNG · Obsidian Fill LockupView Raw ↗
Horizontal Lockup — Midnight Navy
LOCKUP 04
Deep Navy / Secondary

Horizontal Lockup — Midnight Navy

Subtle deep navy lockup for understated executive presence and secondary placements.

PNG · Navy Stroke LockupView Raw ↗

[03 // ISOLATED CROWNED LION EMBLEMS]

Official Crest Variations

Emblem — Coral / Crimson Signal
01
Hero / Primary Brand Accent

Emblem — Coral / Crimson Signal

Primary accent emblem for light backgrounds and high-contrast editorial badges.

PNG · Crowned Lion CrestView Raw ↗
Emblem — Pure White Reversed
02
Dark Surface / Reverse

Emblem — Pure White Reversed

Inverted emblem for deep graphite, obsidian panels, and dark mode headers.

PNG · White MonolineView Raw ↗
Emblem — Obsidian Silhouette
03
Paper / Minimal Monotone

Emblem — Obsidian Silhouette

Monochrome black emblem for clean paper surfaces, editorial letterheads, and print.

PNG · Obsidian FillView Raw ↗
Emblem — Midnight Navy / Deep Graphite
04
Subtle Watermark / Deep Navy

Emblem — Midnight Navy / Deep Graphite

Subtle dark navy tone for understated luxury and secondary watermark treatment.

PNG · Deep Navy StrokeView Raw ↗

[04 // COLOR PALETTE & OKLCH VALUES]

The Five-Color Master System

#1B1E16

01 · Obsidian Graphite

Primary Dark / Headlines & Heavy Borders

oklch(0.14 0.01 260)

Base text, dark cards, confident borders

#FAF4E8

02 · Warm Vellum / Fine Paper

Primary Light / Warm Canvas Background

oklch(0.975 0.005 85)

Welcoming, tactile editorial foundation

#C68A2E

03 · Terra Gold / Warm Ochre

Brand Accent / Rings, Highlights, Subtlety

oklch(0.68 0.12 65)

Warm sophistication without loud neon

#6F878F

04 · Editorial Sage / Slate

Secondary Accent / Badges, Borders, Tags

oklch(0.55 0.04 220)

Architectural, steadying balance

#E74B4C

05 · Electric Coral / Crimson Alert

Signal Color / Lion Crest & Primary CTAs

oklch(0.632 0.193 24)

Energetic focal point matching emblem

[05 // TYPOGRAPHY HIERARCHY & SIZES]

Full Typographic Hierarchy

Display 01 (Hero Headline)'Playfair Display', serif
text-6xl md:text-7xl (64px - 72px)·wt: Black (900)·track: Tight (-0.03em)

Intelligent Systems for Serious Operators.

Display 02 (Section Title)'Playfair Display', serif
text-4xl md:text-5xl (36px - 48px)·wt: Bold (700)·track: Tight (-0.025em)

Architectural Precision Meets Autonomous Scale.

Display 03 (Card / Subsection Heading)'Playfair Display', serif
text-2xl md:text-3xl (24px - 30px)·wt: SemiBold / Bold (700)·track: Tight (-0.02em)

Google Sheets Memory Logs & CRM Synchronization

Body Lead (Editorial Overview)'Hanken Grotesk', sans-serif
text-xl (20px)·wt: Regular (400) / Medium (500)·track: Normal (-0.005em)

We replace bloated SaaS sprawl with streamlined AI SmartSites engineered to turn visits into qualified bookings within minutes.

Body Standard (Core Content & Paragraphs)'Hanken Grotesk', sans-serif
text-base (16px)·wt: Regular (400)·track: Normal (0em)

Every SmartSite operates on a unified five-token palette, tight editorial headlines, spacious body grotesque, and monospace bracket navigation.

UI & Secondary Label'Hanken Grotesk', sans-serif
text-sm (14px)·wt: Medium (500) / SemiBold (600)·track: Slight Wide (+0.01em)

Applied to form inputs, button action text, table meta headers, and tooltips.

Monospace Tag / System Bracket'JetBrains Mono', monospace
text-xs (12px)·wt: Medium (500) / Bold (700)·track: Loose Wide (+0.08em)

[SYSTEM ARCHITECTURE 01 // CRITICAL SPEC]

[06 // MEASUREMENT UNITS & SPACING GRID]

Spatial Tokens & Architecture

The 4px / 8px Spatial Rhythm

All padding, gap, and margin values adhere strictly to multiples of 4px. Buttons use px-4 py-2.5; cards utilize p-6 to p-8; section breaks scale up to py-20.

4px (Micro Unit)
8px (Base Unit)
16px (Content Gap)
24px (Card Inset)

Tracking & Rhythm Policy

Tight headlines / loose labels enforces an unmistakable editorial contrast. Big Playfair titles pull characters together to form sculptural blocks. Small monospace bracket labels push wide for mechanical clarity.

[LOOSE TRACKING: +0.08EM]

Tight Headline: -0.03em

Tokens Summary Table

Base UnitMicro offsets, tight badge padding, subtle borders
4px (0.25rem)
Component PaddingCard interiors, modal contents, input fields
16px - 24px (p-4 to p-6)
Section GapsVertical section rhythm across editorial pages
48px - 80px (py-12 to py-20)
Page MarginsMax container width 1280px (max-w-7xl) centered
24px mobile / 64px desktop
Border RadiiCrisp architectural corners, never round pills
4px (rounded-sm) to 8px (rounded-md)

[07 // LIVE COMPONENT COMPOSITION]

Live Component Testbed

[EDITORIAL PANEL]NO. 001

Every visitor evaluated. Every booking logged.

Nadeemable SmartSites fuse custom brand narrative with direct API integrations. No generic templates, no dead links, and no missed prospects.

Apply for Build12 Spots Monthly
[AUTONOMOUS LOG // SYSTEM SPEC]EDGE READY

Obsidian surface with crimson spark.

Reverse high-contrast mode for dark-mode operators, system consoles, and lead qualification terminals.

TOKEN DISCIPLINE LOCKED