◳ design system v2 · compare v1
G+24
Creatisoul design system · v2 · revision B

Blueprint, drafted by hand.

v2 turns the system from “clean SaaS” into a drafted artefact: every card is a plan sheet with a title block, every number is dimensioned, and the human hand shows — stamps, margin notes, misregistered ink.

SHEET · 01 of 14 SCALE · 1:1 DRAWN · 2026-06-10 FIELD · warm paper + grain
01 Color02 Type03 Drafting kit04 Sheet & title block 05 Buttons06 Labels & stamp07 Headings08 Cards 09 Stats10 Icons11 Cyanotype12 Ad card 13 Forms14 CTA
01
Fig. 01 / Color SHEET 02/14

Color — now on paper

Brand colors unchanged. The field changes: cool slate (#F8FAFC) becomes warm paper (#FAF9F4) with 4% grain — the difference between a dashboard and a drawing board. Proposed as an amendment to the color guide.

Creatisoul Blue#1116DF · anchor
Energy Orange#FF6C00 · 1 action/screen
Sky Cyan#00C3FF · drafting lines
Cyanotype#0A1156 · dark stages
Paper ★new#FAF9F4 · page field
Paper deep ★new#F3F1E9 · alt bands
Signature gradient1× per section
Hatch ★new45° section-cut fill
02
Fig. 02 / Typography SHEET 03/14

Typography

Unchanged trio — serif publishes, sans works, mono measures. v2 adds two craft moves: ghost sheet numerals behind sections, and the architect's margin note.

Display XL
Instrument Serif 400 · 44–72
We turn ad budgets into site visits.
Margin note ★new
Serif italic · leader arrow
annotation, 1–2 per page
every number on this site is a real campaign number
Ghost numeral ★new
Serif outline · 9rem · 1/section
03
Drafting caps
Spline Mono 500 · track .22em
Real estate digital marketing · India
RULE serif ≥28px onlyRULE one accent per headlineRULE margin notes: max 2 per page
03
Fig. 03 / The drafting kit SHEET 04/14

The drafting kit

v1's grid was wallpaper. v2 speaks actual drawing language — these primitives appear throughout every component.

01,180 px
PRE-LAUNCHPOSSESSION
DIMENSION LINE ticks + figure
AB3 column markers — anchor
grid intersections & steps
GRID BUBBLES process steps · footnotes
registration marks
on hero panels & covers
REGISTRATION print-craft corners
04
Fig. 04 / The sheet & title block SHEET 05/14

The sheet — our card chassis

Every surface is now a plan sheet: one chamfered corner (the drafting-table fold), warm border, and a real architectural title block along the base. Rounded-everything is gone.

Case study · Developer-broker, India

Global Constructions & Realtors

A complete digital rebuild: custom property portal, owner-managed listings, unified lead capture. Read the case study →

ProjectGCR portal rebuild
SheetCS-01
Scale1:1
RevB
Drawn byCREATISOUL
05
Fig. 05 / Buttons SHEET 06/14

Buttons — misregistered ink

Hover any button: a dashed twin slips out of register, like a hand-pulled print. Ghost buttons fill with 45° hatching. The arrow-circle gains a rotating dashed compass ring.

Marketing for builders
HOVER dashed offset +5px = misregistrationGHOST HOVER hatch fillRULE orange = 1 action/screen
06
Fig. 06 / Labels & the stamp SHEET 07/14

Labels & the approval stamp

Bracketed mono for metadata, solid chips for status — and the rubber stamp: our seal of proof, rotated like it was pressed by hand. It marks case studies, the pricing page and shipped work.

Free toolFlagshipCase study AI VIDEO · 0:14For buildersPune · 2026
CREATISOUL · MEASURED & DELIVERED · EST 2024 · RESULTS VERIFIED
STAMP −9° rotation · case studies, pricing, footerRULE never two stamps in one viewport
07
Fig. 07 / Section heading pattern SHEET 08/14

Section headings

Numbered eyebrow → serif headline → lede, now backed by the ghost numeral and an optional margin note. Dark variant uses the marker underline.

03
Who we help

Built for both sides of Indian real estate.

Builders sell projects. Brokers sell trust. Each gets its own playbook.

LIGHT ghost numeral behind
The unfair advantage

An AI engine your competitors don't have.

Statics, reels and experience films — continuously.

DARK marker underline instead of gradient
08
Fig. 08 / Cards SHEET 09/14

Cards

Service cards are sheets with drafted icons and micro title blocks; hovering reveals the card's own blueprint grid. The flagship gets the architect's revision cloud — the drafting mark for “this changed everything”.

Website development

Custom Next.js + CMS builds with lead capture and management built in. Not a template with your logo on it.

Explore →
SVC-01PROJECT · ONE-TIMEREV B
REV ★ — FLAGSHIP

AI ad creatives & video

Our AI engine turns renders and listings into scroll-stopping statics and films. 20 variants, not 2.

Explore →
SVC-06FLAGSHIPREV ★
20×Creative variants per campaign
BENTO one electric cell per grid, max

“The AI films stopped the scroll. We pre-sold 40% of phase one before the sample flat was ready.”

Sales DirectorTownship project, Hyderabad
09
Fig. 09 / Stats — dimensioned SHEET 10/14

Stats

Numbers now carry real dimension lines beneath — the visual claim that we measured this.

₹12Cr+Ad spend managed
20242026
38%Avg. drop in cost per site visit
Q1Q3
11,000+Buyer leads delivered
MEASUREDVERIFIED
10
Fig. 10 / Drafted icon set SHEET 11/14

Icons — drawn, not picked

v1 used unicode glyphs. v2 draws its own: 1.5px strokes in drafted frames with a cyan corner tick — consistent with the drawing language.

web · seo · meta · google
· social · ai (flagship)
FRAME 1.2px blue square + cyan corner tickSTROKE 1.5px round caps
11
Fig. 11 / Cyanotype stage SHEET 12/14

The cyanotype stage

Dark sections are now actual blueprints: deep cyanotype blue, white drafting grid, and a line-drawn tower elevation with dimensions — not generic dark-mode. Max two per page.

G+24
The unfair advantage

An in-house AI creative engine your competitors don't have.

Statics, reels and experience films — generated, tested and replaced continuously.

0:14Experience film · unbuilt tower
12
Fig. 12 / Ad-card component SHEET 13/14

The ad card

Aranya HeightsSponsored · 🌐
AI VIDEO · 0:14
Walk the tower before it's built — the AI experience film.
👍 4.8k · 💬 312Get brochure
the product, shown not told — fanned in heroes, gridded in the ad library
13
Fig. 13 / Forms & accordion SHEET 14/14

Forms & accordion

Usually answered the same business day.
FIELDS paper fill → white on focusRULE always offer WhatsApp
How much does real estate digital marketing cost in India?
Honest answer: most builder engagements run ₹50,000–₹2,00,000 per month per channel, plus ad spend. The full ranges are on our pricing page — we publish them.
Should we stop buying portal leads?
Not on day one. We run both for a quarter, then shift budget as your funnel beats the portal's cost per site visit.
AEO first 40–60 words stand alone
Fig. 14 / CTA band

CTA band

Tell us about your project.
Get a written plan in 48 hours.

N
0SCALE 1:1 · BLUEPRINT v2
Creatisoul · “Blueprint” design system · REV B · 2026-06-10 · pairs with brand-guide.md + brand-personality.md · compare with v1