IST

Start a project

Independent design-engineering studio · India → worldwide

Websites, web apps and 3D. Built to tolerance.

Crayont is an independent design and engineering studio. We design and build fast, measurable websites, web applications and 3D experiences — end to end, in-house.

Start a projectSee the work

CS-00The machined C

The Crayont mark as a machined part, 64 by 64 by 12 units: an R32 back, two 20-unit arms, an R12 slot and one 12 by 45 degree chamfer.Pass 01/04WireSpecified. Every edge is dimensioned before anything is built.

This page

LCP
—
CLS
—
INP
—
Page weight
—
FPS
—

Live numbers need JavaScriptMeasuring…

Measured in your browser, just now.

01What we build

Website design & development, web apps and 3D. One standard.

Specified in writing before design starts. Measured before it ships.

Drawing set CS · 4 sheets · Rev A

  1. Part no.
    CS-01
    Sheet
    01/04
    Scale
    1:1
    Material
    Astro · headless CMS
    Rev
    A

    Part no.

    CS-01: Websites & redesigns

    New marketing sites and full redesigns that load fast, rank well and stay easy for your team to edit. Audit first: we keep what works, measure what doesn't, and move your search rankings over with a complete redirect map.

    What websites & redesigns includes
    D-01Written spec with performance, accessibility and SEO budgetsIncl.
    D-02Design system (type, colour, components, motion) built in codeIncl.
    D-03Astro build with a headless CMS your team can editIncl.
    D-04SEO migration: redirect map, metadata, schema, sitemapIncl.
  2. Part no.
    CS-02
    Sheet
    02/04
    Scale
    1:1
    Material
    TypeScript · React / Astro
    Rev
    A

    Part no.

    CS-02: Web apps & platforms

    Dashboards, customer portals, SaaS front-ends and internal tools. Typed, tested, documented and designed around the one task people open them for.

    What web apps & platforms includes
    D-01Product spec and interaction prototypeIncl.
    D-02Component library and design tokensIncl.
    D-03TypeScript front-end (React/Astro islands or your existing stack) with testsIncl.
    D-04API integration, auth and role handlingIncl.
  3. Part no.
    CS-03
    Sheet
    03/04
    Scale
    1:1
    Material
    Three.js · GLSL shaders
    Rev
    A

    Part no.

    CS-03: 3D & WebGL websites

    Award-grade interactive work in Three.js and custom shaders: product configurators, scroll-driven stories and launch sites that people remember and that still load fast on a mid-range phone.

    What 3d & webgl websites includes
    D-01Art direction and interaction conceptIncl.
    D-02Working WebGL prototype in week one or twoIncl.
    D-03Optimised models, textures and shaders (capability-gated, lazy-loaded)Incl.
    D-04Static and reduced-motion fallbacksIncl.
  4. Part no.
    CS-04
    Sheet
    04/04
    Scale
    1:1
    Material
    Audit · fixes · monitoring
    Rev
    A

    Part no.

    CS-04: Performance & care

    Core Web Vitals rescue, speed and SEO audits, and ongoing care for sites that have slowed down or drifted since launch.

    What performance & care includes
    D-01Performance and technical-SEO audit with a prioritised fix listIncl.
    D-02Core Web Vitals fixes (LCP, INP, CLS)Incl.
    D-03Monitoring with a monthly measured reportIncl.
    D-04Monthly care retainer: updates, fixes, small featuresIncl.

03How a project runs

Brief to hand over, on one toolpath.

A written spec before design. Working software early. A live build link every week.

  1. ST-01 / 06

    Brief

    A 30-minute call and a short written brief: what it is, who it's for, what 'done' means, and your budget band. You get an honest yes, no or 'not yet' within one working day.

    Output

    • 30-minute call
    • Short written brief
    • Yes, no or not yet — within 1 working day

  2. ST-02 / 06

    Spec

    A written specification before any design: scope, pages or features, timeline, price, and the tolerances we'll ship inside (load time, Core Web Vitals, accessibility, SEO).

    Output

    • Written specification
    • Scope, timeline and price
    • Agreed tolerances: load time, CWV, a11y, SEO

  3. ST-03 / 06

    Prototype

    The riskiest part gets built first, in the browser, so you react to real software instead of static mockups.

    Output

    • The riskiest part, built first
    • Working software in the browser

  4. ST-04 / 06

    Build

    Production code from week two, with a live staging link updated every week and a short written progress note every Friday.

    Output

    • Production code from week two
    • Live staging link, updated weekly
    • Written progress note every Friday

  5. ST-05 / 06

    Measure

    Performance, accessibility and SEO are tested against the spec on real devices. Nothing ships until it's inside tolerance.

    Output

    • Tests on real devices
    • Performance, accessibility and SEO vs the spec

  6. ST-06 / 06

    Hand over

    Launch, a dated measurement report, documentation and full ownership of code and accounts. A 30-day fix window is included; a care plan is optional.

    Output

    • Dated measurement report
    • Documentation
    • Full ownership of code and accounts
    • 30-day fix window
The full process, station by station

04Signed off

Eleven reviews on Google. We didn’t write any of them.

Google rating5.011 reviews on Google (opens in a new tab)

05Labs

Products we build for ourselves.

Our own software, built by the same rules we give clients.

LAB-01Live

Redlyn

Visual website feedback for agencies. Paste a link and get two: a private one for your team and a clean one for your client, pinned to the same live page.

Status
Live
Platform
Web
Live at
redlyn.in
Open redlyn.in (opens in a new tab)Read the LAB-01 file
LAB-02Live

Fatura

A billing app for grocery shops: search in Tamil or English, print Tamil bills on any 80 mm Bluetooth printer, and keep stock, dues and daily sales on one phone.

Status
Live
Platform
Android · web
Live at
fatura.crayont.com
Open fatura.crayont.com (opens in a new tab)Read the LAB-02 file

LAB-00 · Our own products.

Everything in Crayont Labs

06 · Start a project

Send a spec, a Figma file or a voice note.

Any of them is a good start.

  1. IN-01PDF · Doc · Plain textA specA document, a PDF or a list of bullet points in an email. Any length is fine.Send a spec
  2. IN-02Figma link · View accessA Figma fileDesigns, wireframes or a moodboard. View access is enough to start.Share a Figma file
  3. IN-03Voice note · Any appA voice noteA few minutes talking it through. Useful when the idea is still taking shape.Record a voice note

Reply promise

A reply from the people building it, not a ticket queue, within one working day.

Write today · reply within one working day, IST

Start a projectBook a 30-min call

What happens next

  1. 01 · T+0

    You send it

    A spec, a Figma link or a voice note, through the form or by email.

  2. 02 · ≤ 1 working day

    We reply

    Honest answers on fit, timeline and budget. Or a clear “not yet”.

  3. 03 · 30 min

    We talk it through

    A short call to agree scope, then a written spec before any design.

Based in India (IST). Good overlap with European mornings and US evenings.

IST · UTC+5:30
--:--
Your time
--:--