Design system

One dot, and everything that follows.

The working system behind startnet.in — rendered from the same tokens and components every other page on this site uses.

The mark, and the dot.

The wordmark is a vector of the master artwork, not a re-set. The dot is the only element permitted to leave the lockup and act on its own.

StartNet wordmark
Wordmark Primary lockup. Minimum width 120px. Clear space equals the height of the dot on all four sides.
StartNet
Monogram For avatars, favicons and any square lock-up under 64px where the full wordmark stops being readable.
The Dot Signal red, always a perfect circle, never outlined, never gradient, never rotated — a circle has no wrong angle and that is the point.
Do Let the dot travel — as an eyebrow bullet, a swatch on a property card, a node on the founder journey, a mark on a ring. It is the same dot each time.
Don’t Re-tint the dot to a property colour, stretch it into an ellipse, or place a second dot inside a headline. One dot per statement.

Colour

Two brand constants and a restrained neutral field. Signal red is an accent, never a surface — the moment it becomes a background it stops meaning "here".

Ink #000000 · brand
Signal #CC3029 · brand
Signal 600 #AD2621 · hover
Signal 050 #FBECEB · wash
Paper #F6F6F4
Line #E6E6E2
Text secondary #5A5A53
Surface inverse #0A0A0A

Portfolio swatches

One cue per property. Permitted only as a dot, a hairline or a hover wash on that property's own card. Never as a section fill — five sub-brands must not be able to repaint the parent.

AI Flywheel aiflywheel.in
Nooru.AI nooru.ai
Agentic AI Connect agenticaiconnect.in
Physical AI Connect physicalaiconnect.in
SNX snx.in

Typography

Archivo carries structure and authority. Instrument Serif italic carries the human aside. The mix is the signature — and it only works because it is rationed.

Display 1
40 → 76px

Five doors. One ecosystem.

Display 2
34 → 60px

Built to be believed

Title 1
28 → 44px

The numbers we can show our work on

Title 3
20 → 26px

Accelerator cohorts

Deck
serif italic, 17 → 21px

Our connected properties give founders a measurable advantage — one system, five doors, no dead ends.

Body
16px / 1.62

StartNet builds the training, the acceleration, and the two annual gatherings that turn Tamil Nadu’s AI ambition into a working ecosystem.

Label
12px / 0.09em

Learn & Build

Do One serif accent per headline, on the phrase that carries the idea.
Don’t Two accents in one line. They cancel each other and the sentence loses its centre of gravity.

The Dot System

Six states of one element. Every ring on this site is the same set of marks described by four numbers — width, height, radial lane, opacity — which is why any state can morph into any other.

mark One dot. Identity at rest.
path Evenly spaced. A journey with steps.
signal Graded large to small. Momentum, decay, direction.
measure Dots stretched into ticks. Evidence and numbers.
orbit Fused into one stroke. Infrastructure.
network Concentric lanes. One system, running on more than one level.

Live morph

The full cycle, with a solid tail held constant. Rotation never exceeds 0.6°/second and the whole system freezes under prefers-reduced-motion.

Components

Every component reads semantic tokens only. None of them knows what colour it is until the surface tells it.

Labels, tags and filters

Portfolio

Nooru.AI Physical AI Connect

Property card

Foundations

Spacing, radius and motion tokens. Nothing in the CSS uses a raw value.

Section rhythm clamp(4.5rem, 2.5rem + 8vw, 10rem)
Page inset clamp(1.25rem, 0.4rem + 4vw, 5.5rem)
Gutter clamp(1rem, 0.5rem + 1.6vw, 2rem)
Max width 1440px
Radius lg 20px
Radius pill 999px
House curve cubic-bezier(.16, 1, .3, 1)
Reveal 900ms

Principles

Five rules that decide the argument when two options both look fine.

01

Institutional before expressive

This is the entity that stands behind five brands. It should read calmer than any of them. When a choice is between more interesting and more credible, take credible.

02

One accent, rationed

Signal red and the serif italic are the only two things allowed to raise their voice. Spend them once per screen and they keep working.

03

Evidence over adjectives

Every number carries its source. Nothing says leading, premier or world-class. If a claim cannot be sourced, the row is cut rather than softened.

04

The parent never competes

No logins, no dashboards, no course catalogues. Every transactional action routes out to the property that owns it.

05

Motion is decoration, never information

Nothing on this site requires an animation to be understood. Under reduced-motion everything settles to a resolved state and the page reads identically.