Why Natural Language?

The philosophy behind SenangStart's natural adjective approach.

The Problem with Numbers

Traditional utility frameworks use abstract numeric scales:

<!-- What do these numbers mean? -->
<div class="p-4 m-8 gap-2 text-xl">

Every developer asks:

• Is p-4 bigger than m-8?
• What's the difference between gap-2 and gap-4?
• Is text-xl larger than text-lg?

You constantly lookup documentation. Mental overhead slows you down.

The Natural Solution

SenangStart uses words you already understand:

<!-- Instantly clear -->
<div space="p:medium m:big g:small" visual="text-size:big">

No lookup needed. You know that:

• big is larger than medium
• medium is larger than small
• giant is larger than big

Physical Mental Models

Each scale maps to a physical object you can visualize:

Keyword	Physical Model	Example Use
tiny	🪨 Pebble	Icon gaps, borders
small	📦 Matchbox	Form field spacing
medium	📱 Smartphone	Standard padding
big	💻 Laptop	Section spacing
giant	🚪 Door	Layout divisions
vast	🏠 House	Hero sections

When you think "I need laptop-sized spacing here", you write big.

AI-Friendly Communication

Natural language works better with AI assistants:

Traditional Approach

"Make the padding larger"
AI: "Should I use p-6, p-8, or p-12?"

SenangStart Approach

"Make the padding larger"
AI: "Changed from medium to big" ✓

The AI understands the intent behind your words.

Semantic Conversations

With SenangStart, you can speak naturally:

You Say	AI Understands
"tighten it up"	Scale DOWN (medium → small → tiny)
"give it breathing room"	Scale UP (medium → big → giant)
"make it more compact"	Use smaller spacing
"it feels cramped"	Increase spacing
"too much whitespace"	Reduce spacing

Separation of Concerns

Three attributes keep your code organized:

<div
  layout="flex col center"   <!-- Structure -->
  space="p:medium g:small"   <!-- Sizing -->
  visual="bg:white rounded:big"  <!-- Appearance -->
>

Anyone reading this code instantly knows:

• What it does (flexbox, column, centered)
• How big it is (medium padding, small gap)
• How it looks (white, rounded)

The Intent-First Mindset

Stop thinking in pixels. Start describing intent.

Instead of...	Think...
"I need 16px padding"	"I need medium padding"
"Add 8px gap"	"Add a small gap"
"Make it 32px margin"	"Give it big margin"

Your code becomes self-documenting.