BRAND & DESIGN SYSTEM · V1.0

A living ecosystem.

The visual language of the Telangana Climate Summit: editorial restraint, drawn from the land, animated with intent. Every screen moves the visitor from curiosity, to inspiration, to participation.

01 · CURIOSITYFeel before you read.Art and a single statement lead every page.
02 · INSPIRATIONEvidence, beautifully.Data told as story, one number at a time.
03 · PARTICIPATIONAlways a next step.Every section ends in an action: register, pledge, partner.
01 · COLOR

Deep, warm, and a single sun.

IVORY 60%
DEEP 25%
SAND 10%
PRIMARY · DECCAN DEEP
Deccan Deep#12302A · headlines, dark grounds
#1D443B · hover
#0D2520 · footer
WARM NEUTRALS
Ivory#F4F0E6
Paper#FAF8F2
Sand#E6DECB
Stone#B8AB90
Ink#16201C
Muted#596057
STRATEGIC ACCENTS · SAME L & C
Turmericoklch(0.77 0.14 75) · the sun, the pledge
Lakeoklch(0.77 0.1 210) · workshops, data

Rules: one accent moment per viewport. Accents never carry body text. Ink on ivory and paper on deep keep AA contrast. On deep grounds, secondary text uses #C9D1C9, never alpha-muted white.

02 · TYPE

Editorial voice, engineered clarity.

Aa AaInstrument SerifDisplay. Headlines, quotes, big numbers. Italic marks the emotional turn of a sentence.
AaGeistText and UI. Body 16–18, buttons 15, captions 13–14.
AaGeist MonoLabels, metadata, times. Uppercase, 10.5–12px, tracking +0.12–0.18em.
DISPLAY · 64–196 / .88Built together.
H2 · 44–96 / .95Six conversations. One ecosystem.
H3 · 24–40 / 1.05Climate Finance & Green Economy
BODY · 17–18 / 1.6Policymakers, scientists, founders, farmers, students and communities, gathering to turn climate knowledge into commitments.
LABEL · 11 / +.16emDAY TWO · 11:45 · PANEL
03 · ICONS

Drawn from circles and lines.

24px grid, 1.3px stroke, round caps and joins, no fills except a single focal dot. Icons sit in hairline circles at 48–64px when they lead a card.

leadership
innovation
sustainability
climate
education
community
technology
impact
collaboration
investment
partnerships
knowledge
water
energy
agriculture
biodiversity
equity
finance
city
showcase
lab
immersive
award
pledge
incubate
pin
clock
plane
train
bed
star
mail
04 · ILLUSTRATION

Generative line art, every piece unique.

Seven motifs, each a metaphor. Drawn in code from a seed, so every page, speaker and badge gets its own variation, and none of it is stock.

01 · THE LANDContoursHeroes, registration, badges. The Deccan plateau as memory.
02 · KNOWLEDGEKnowledge networkPartners, dashboards. Ideas passing between people.
03 · INNOVATION · MONSOONFlow linesManifestos, agenda headers. Water, energy and momentum.
04 · HUMAN CONNECTIONOrbitsSpeakers, cooperation. Many paths around one centre.
05 · SUSTAINABILITYGrowth raysExperience, government roles. Seed, sun, spread.
06 · DATADot matrixShare-of-whole metrics. One dot, one percent.
07 · PLACEVenue elevationVenue and travel. Architecture as a line drawing.
05 · COMPONENTS

Interactive building blocks.

BUTTONS · PILL, 52–60PX
Text link
CHIPS & FILTERS · CLICK TO TOGGLE
INPUT · UNDERLINE
STAT · COUNTS UP ON ENTRY60%Asia’s share of global CO₂ emissions, 2020
06 · MOTION

Slow as weather. Precise as a clock.

One easing curve everywhere: cubic-bezier(.2,.7,.2,1). Ambient art breathes on a 10–140s loop. Interface motion is short and never bounces. Everything respects reduced-motion.

MICRO · 300–400MSHover, press, toggle
Hover me
REVEAL · 1100MS, 32PX RISE, 80MS STAGGERScroll storytelling
AMBIENT · 10–140S LOOPSBreathing illustration
PARALLAX · 0.08–0.14 × SCROLLDepth, not spectacleOnly background art moves with scroll. Type and controls never drift. Counters run once, 1.8s ease-out.
07 · MOBILE

The same movement, in your pocket.

Every page is fluid. These are the live pages at 390px: scroll inside each screen.

08 · PAGES

The platform.