Internal · Styleguide

Simply Five Studiov2 design system

System Helvetica Neue. No web fonts. Pure white paper. Black CTAs. Teal as the only accent. Sharp corners, hairline rules, no shadows.

Live site for comparison: simplyfivestudio.com ↗

01 · Color

Color

White paper. Black ink. Teal in one accent role. Black CTAs. Everything else is calibrated grey for hierarchy.

paper
#FFFFFF
Default page background
paper-2
#F5F5F5
Alternating band tone
ink
#0A0A0A
Primary text
ink-2
#333333
Secondary text
ink-3
#707070
Muted, captions, eyebrows
rule
#E5E5E5
Hairline divider
rule-strong
#BBBBBB
Emphasis rule
teal
#0A4540
Accent. Links and one rule
amber (CTA)
#0A0A0A
Black on paper, white on ink
shell
#000000
Dark section background
pos
#1F6B34
Positive delta, sparing
neg
#A31F1F
Negative delta, sparing
12 tokens. Pure white default. Ink shell flips locally via [data-shell="ink"].
02 · Type

Typography

System Helvetica Neue for body and headings. Mac and iOS render Helvetica Neue. Windows renders Arial, metric compatible. No web fonts loaded. System mono for numerals.

text-display
72 / 4.5rem
Custom operational systems.
text-6xl
60 / 3.75rem
Custom operational systems.
text-5xl
48 / 3rem
Custom operational systems.
text-4xl
38 / 2.375rem
Custom operational systems.
text-3xl
30 / 1.875rem
Custom operational systems.
text-2xl
24 / 1.5rem
Section heading example
text-xl
20 / 1.25rem
Sub-section heading
text-lg
17 / 1.0625rem
Lede sentence weight
text-base
15 / 0.9375rem
Body copy default
text-sm
13 / 0.8125rem
Secondary copy, fine print
text-xs
12 / 0.75rem
Captions and eyebrows

Sans · Helvetica Neue (system)

Body at 15px, 1.5 leading. Mac and iOS users see Helvetica Neue. Windows users see Arial. Both are metric compatible. Zero font loading.

Mono · system stack

ui-monospace, SF Mono, Cascadia Code, Consolas, Liberation Mono. Numerals: 1,234 · 56.7% · ₹4.2cr · 2026-05-18. Tabular nums on.

Numbers, inline

Numbers in running prose use tabular mono via the <Num> primitive. Pipeline tracked at ₹4.2 cr, quote-to-order at 27%, team of 12.

03 · Primitives

Primitives

EyebrowOne per section. Never in body.
Practice One
Founder-led, ₹5cr to ₹50cr
TagIndustry or category chip.
ManufacturingShowroomFeatured
RuleDefault and strong, full and narrow.
CtaPrimary black, secondary ink, ghost.
RuleHeading + LedeStandard section opener.
What we build

Two practices.

Internal systems that founder-led businesses outgrow Excel and off-the-shelf SaaS for. Performance marketing run against operational truth.

ProseLong-form wrapper. Sans face (default) for service pages, serif for essays.

Most businesses at ₹5cr to ₹50cr run on Excel, WhatsApp and the institutional memory of two or three key people. It works, until it does not.

The issue is not effort. The team is working. The work is invisible.

  • How many quotes converted last month?
  • Which product lines are profitable?
  • Where are leads dropping off?

Sans face. Service and marketing pages.

A founder describes their business in WhatsApp messages. Stock levels in a notebook. The quote pipeline in a shared spreadsheet that three people edit at once.

This is the problem we solve. Not by replacing what works. By giving the founder a single surface where what is happening becomes visible.

Most businesses are flying blind. Not because they lack effort. Because the work is invisible.

Serif face. Essays and longer editorial.

04 · Data

Data primitives

Mono numerals. Hairline rules. No card chrome. These are the primitives that carry the weight on data-led pages.

StatLine

₹4.2 cr +18% vs prev quarter
Quote pipeline tracked
Source · Internal RFQ system, Q4 2024
27% −4 pp
Quote-to-order conversion
Source · 412 quotes, 12 months
48 hrs· unchanged
Median first-touch time on leads
Source · Showroom CRM
1.8 lakh
Slow-moving inventory identified, 90 days
Source · Multi-warehouse inventory

TickerRow

₹4.2 cr
Quote pipeline
Tracked
27%
Lead conversion
By source
9 locs
Inventory
Live
3.4 d
Fulfillment
Median

4 metrics, vertical rules between cells.

DataTable

CapabilityBeforeAfter 90 daysΔ
Stockouts (multi-warehouse)Frequent, unmeasured3 / month▼ 71%
Quote-to-order conversion17%27%▲ 10 pp
Slow-moving inventory visibleUnknown₹20 L identifiedn/a
Lead follow-up under 48h63%94%▲ 31 pp
Sample. Representative of past engagements.

DenseGrid · 6 items, 3 cols

01
Custom ERP
Replaces fragmented Excel and paper. One source of truth for orders, inventory, quotes.
02
RFQ + Quotation
Centralised intake. Structured estimates. Lifecycle tracking from draft to won or lost.
03
Multi-warehouse Inventory
Live stock positions across locations. Automated transfer recommendations. Aging visibility.
04
Showroom CRM
Captures every lead at first contact. Tracks follow-up. Surfaces drop-offs.
05
POS + Retail
Fits how floor staff actually work. Real-time tie-back to inventory and accounting.
06
Institute Management
Admissions, attendance, fees, communication. For institutions running on goodwill.
05 · Composed

Sections in context

Working examples of how primitives compose. Not the real pages. Those land at Phase 3. The visual grammar is what we are committing to here.

Founder-led, ₹5cr to ₹50cr, India

Decision infrastructure for India's growing businesses.

Engagements from ₹3L · Full systems ₹5–15L · Retainers from ₹50k/month

Custom internal software, then performance marketing run against operational truth. For founders who have outgrown Excel and the off-the-shelf.

The problem

Most businesses at this stage are flying blind.

Hundreds of decisions every week. Quotes sent. Orders placed. Inventory moved. Leads in, leads out. The team is working. The work is invisible.

The combination of Excel, WhatsApp and the memory of two or three key people works, until it does not.

This is what we solve.

Questions you should answer
  • +How many quotes converted last month?
  • +Which product lines are profitable?
  • +Where are leads dropping off?
  • +How much inventory is sitting idle?
  • +What is real capacity utilisation right now?

If the honest answer is “not sure”, there is a direct fix.

06 · Ink shell

Same primitives, dark ground.

Final CTAs, hero alternates, editorial features. Tokens flip locally. Every primitive above renders on the ink shell without prop changes.

StatLine on ink

₹4.2 cr +18% vs prev qtr
Quote pipeline tracked
Source · Internal RFQ system
27%
Quote-to-order conversion
Source · 412 quotes, 12 months

TickerRow on ink

₹4.2 cr
Pipeline
Live
27%
Conversion
Q4
9 locs
Inventory
Sync
The conversation

Engagements begin with a conversation.

No presentations. No pitches. A direct discussion about where your business is, what you can see, and what remains invisible.

Phase 1.6 · v2 design system · 2026Next: real pages ported at Phase 3.