What it’s made with.
Designed in Adobe Creative Cloud. Built with Claude. Figma when your team needs it. Here is the rest: every tool, what it’s for, and the files you keep.
How to read the list
- Default
- What we reach for first
- Also
- What we use when the job calls for it
- In your stack
- What we work inside when your company already runs it
Surface
Brand, site and interface.
Design tools
- Adobe Creative Cloud ProDefault
The studio's design suite: every brand, print and motion source file
- Adobe IllustratorDefault
Logos, marks, icons and every vector source
- Adobe PhotoshopDefault
Retouching, compositing and mockups
- Adobe InDesignDefault
Brand guidelines, design-system PDFs, audit reports, print layouts
- Adobe After EffectsDefault
Motion grammar, product motion studies, animated brand assets
- Adobe FireflyDefault
AI imagery, and moodboards in Firefly Boards
- Adobe FontsDefault
Setting type while we design; the fonts a client keeps are licensed in the client's name
- Adobe PremiereAlso
Editing walkthrough videos, reels and launch films
- Adobe LightroomAlso
Selecting and grading brand photography
- Adobe AuditionAlso
Cleaning up voice-over for walkthroughs and reels
- Adobe Acrobat ProAlso
Tagged, accessible PDFs and review comments
- Adobe ExpressAlso
Social templates clients edit themselves
- Adobe for creativity connectorAlso
Running Photoshop, Illustrator, InDesign and Express actions from inside Claude
- Claude (design and motion)Default
Layout explorations, clickable prototypes and short animations, built as code
- FigmaAlso
Design files, Dev Mode and variables when the client's team works in Figma
- ModaAlso
Editable slides, social graphics and documents
- LovableAlso
Prototypes and small apps when that's all a client needs
Tacit - Google's Gemini image modelsAlso
Image generation and edits beside Firefly
AI imagery: 20 images come with a new website build, then $25 each.
System
One definition for every surface.
What ships
A Figma library too, when the scope includes it.
- Design tokensDefault
One definition of colour, type and spacing, as JSON and CSS variables, with a Tailwind theme
- ComponentsDefault
React and Next.js components in your repo, or Vue on request
- System documentationDefault
A documented PDF your team can read, and a docs site built on inkform, our open-source framework
- AccessibilityDefault
WCAG 2.1 AA in every build
- InkformDefault
GitHub-native CMS and open-source framework for blogs, docs and changelogs
An open-source Next.js framework, MIT licensed, at github.com/inkform-dev/framework
inkform.dev
Docs are built on inkform, our open-source framework: the framework on GitHub.
Structure
The software under it.
Web
Next.js and TypeScript; React with Vite when Next.js's conventions or hosting don't fit; Vue on request.
- Next.jsDefault
Default for sites, apps and dashboards, including both studio sites
- TypeScriptDefault
Every front end and most services, typed end to end
- ReactDefault
Apps where Next.js's conventions or hosting don't fit
- Tailwind CSSDefault
Styling generated from the design tokens
- ViteAlso
Building React apps outside Next.js
- Vue.jsAlso
Clients and teams already on Vue
- HTML, CSS and JavaScriptAlso
Small, fast micro-apps with no framework
- Laravel with InertiaIn your stack
Front ends inside existing Laravel apps
Services
Go, Hono and Node.js; FastAPI or Django for Python; Laravel and Java when they're already yours.
- GoDefault
Most back ends: APIs, workers and sync jobs
- HonoDefault
TypeScript APIs on Cloudflare Workers, Node.js or AWS Lambda
ig-comment-dm on GitHub - Node.jsDefault
TypeScript services, including the Stafflo engines
- REST with OpenAPIDefault
Documented APIs with generated, typed clients
- FastAPIAlso
Python APIs around a model or a data job
- DjangoAlso
Admin-heavy apps and existing Django systems
- Laravel (PHP)In your stack
Existing PHP systems: maintain, extend or move
- JavaIn your stack
Existing Java systems: maintain, or port to a current stack
- WordPress, Webflow and FramerIn your stack
Moving sites off them with a redirect map, as priced on /pricing
- Cloud set up by hand in a consoleIn your stack
Rebuilt as Terraform so it can be reviewed and repeated
- AI-built prototypes (Lovable and similar)Also
Turning a prototype into code a team owns and can run
- Older PHP and Java systemsIn your stack
Keeping them running while parts move to a current stack
Data
Postgres on Supabase or Neon; Aurora DSQL; Convex; Cloudflare D1.
- PostgreSQLDefault
The default database; audit logs sit in the client's own Postgres
- SupabaseDefault
Postgres, sign-in and storage for products
Roast My Website - Neon (Lakebase Postgres, by Databricks)Default
Serverless Postgres with branching; both studio sites keep their own order data on it
- Amazon S3 and Cloudflare R2Default
Files, documents and exports
- Amazon Aurora DSQLAlso
Always-on, Postgres-compatible database on AWS, available in the Mumbai region
- ConvexAlso
Real-time apps on a reactive back end
- Cloudflare D1Also
SQLite at the edge for micro-apps
ig-comment-dm on GitHub - Amazon RDS and Aurora PostgreSQL, Cloud SQL and AlloyDB, Azure Database for PostgreSQLIn your stack
Managed Postgres in the client's own cloud account
Sign-in and billing
The devsforfun ID pattern; Sign in with Google and Apple; Supabase Auth; Amazon Cognito; Razorpay or Stripe.
- devsforfun IDDefault
Our identity and billing platform: OAuth 2.1 and OIDC sign-in, Supabase-compatible tokens, checkout on both sites
Supabase Auth's OAuth 2.1 Server, in public beta; Supabase-compatible tokens, so row-level security works the same in every app; Razorpay; a typed API layer end to end
devsforfun case study - Sign in with GoogleDefault
Sign-in for consumers and Google Workspace users
- Supabase AuthDefault
Sign-in for products on Supabase, and the base under devsforfun ID
- Sign in with AppleDefault
iPhone sign-in next to other social sign-ins
- Amazon CognitoAlso
Users and sign-in inside the client's AWS account
- PasskeysAlso
Password-free sign-in on web and mobile
- RazorpayDefault
Payments, with devsforfun ID as merchant of record
devsforfun case study - StripeIn your stack
Payments for products that bill outside India
- ShopifyAlso
Commerce back end for storefronts
Offseason
Hosting
Vercel, Cloudflare, AWS Amplify, or your own AWS, Google Cloud or Azure account set up with Terraform.
- VercelDefault
Hosting for both studio sites and most Next.js projects
- Cloudflare (Workers, R2, D1, CDN, DNS)Default
Edge APIs, micro-apps, files and caching
ig-comment-dm on GitHub - Amazon Web ServicesDefault
Client cloud accounts on AWS
- AWS LambdaDefault
Event-driven functions and APIs
- Amazon SESDefault
Transactional email, including both studio sites' own
- AWS AmplifyAlso
Web app hosting and back ends on AWS
- Google Cloud (Cloud Run, Compute Engine, Cloud Storage)Default
Client cloud accounts on Google; containers that scale to zero
- Microsoft AzureAlso
Client cloud accounts on Azure, including Foundry
- TerraformDefault
Every cloud resource as code in the client's repo; nothing built by hand in a console
Mobile
Swift and SwiftUI for native iPhone apps; Flutter for iOS and Android from one codebase. Hemanth Srinivas leads mobile from the bench.
- Swift and SwiftUIDefault
Native iPhone and iPad apps for the current iOS release
- App Intents, WidgetKit and Live ActivitiesDefault
Siri and Shortcuts actions, Home and Lock Screen widgets, live updates
- Flutter and DartDefault
One codebase for iOS and Android; our default for Android
- Kotlin and Jetpack ComposeAlso
Android-only apps that need deep device features
- App Store Connect, TestFlight and Google Play ConsoleDefault
Betas, releases and store review
AI features
Claude, OpenAI and Gemini APIs, or Bedrock, Agent Platform or Foundry in your own cloud, with the AI interface pattern set (+$4,000 on Product or Everything).
- Claude APIDefault
Model calls in our own products and in client tools
- Gemini API and Google AI StudioDefault
Model calls and prototyping; Stafflo's published test runs use a Gemini model
- OpenAI APIAlso
Model calls where a client already contracts with OpenAI
- Amazon Bedrock and Bedrock AgentCoreDefault
Models and agents inside the client's AWS account
- Gemini Enterprise Agent Platform (formerly Vertex AI)Default
Models and agents inside the client's Google Cloud
- Microsoft Foundry (Foundry Models, including Azure OpenAI)Also
Models and agents inside the client's Azure
- ElevenLabs speech-to-text and text-to-speechAlso
Transcripts and natural voices in Indian and world languages, for work whose audio is allowed to leave your network
- Gemini speech-to-text and text-to-speechAlso
Transcripts and generated voices through the Gemini API, or inside your own Google Cloud project
Where it's written
VS Code, Claude Code and GitHub, in your repo from day one. Charan Manikanta Nalla designs the system and writes the code on every project.
- Visual Studio CodeDefault
The editor for every repo
- Claude CodeDefault
Writing, refactoring and reviewing code in the terminal, IDE and browser; every change reviewed by the engineer who owns it
- ClaudeDefault
Research, writing, planning and design work
- GitHubDefault
Repos in the client's name from day one; pull requests and review
- GitHub ActionsDefault
Tests and checks on every pull request
- GitLab CI/CD, Azure Pipelines, Jenkins and Bitbucket PipelinesIn your stack
The same checks in your company's own pipeline, when it already runs one
AI inside your company’s own operations, like reading documents into your systems, is Stafflo’s work.
Every file is yours on final payment.
Swipe sideways to see all of it.
- Vector
- SVG, PDF, AI; EPS on request
- Logos, marks, icons, illustrations
- Raster
- PNG, JPG, WebP, AVIF
- Web, social, presentations
- Press-ready PDF (PDF/X-4); InDesign files with IDML and linked images packaged; fonts licensed in your name, not included
- Guidelines, reports, print pieces
- Motion
- MP4 (H.264), WebM, GIF; ProRes MOV on request
- Reels, product motion, launch films
- Design sources
- PSD, AI, INDD, Adobe Express templates and Moda files shared to your own accounts; Figma files where the scope includes them
- Editable sources the client owns
- Code
- Tokens as JSON and CSS variables, a Tailwind theme, React components, an SVG icon set
- The design system in the client's repo
- Documents
- Tagged PDF; DOCX or PPTX on request
- Guidelines, audits, decks
- Icons for apps and sites
- favicon (ICO and SVG), Apple touch icons, iOS app icon set, Android adaptive icons, web manifest icons
- Every place the brand appears
By line item
Audit
$500
- Made in
- Claude, Adobe Premiere, Adobe InDesign. Starts from Roast My Website's first pass; the plan is a laid-out PDF or built in code
- Delivered as
- Recorded walkthrough (MP4); Action plan and competitor table as a tagged PDF
Logo & mark
$900
- Made in
- Adobe Illustrator, Adobe Photoshop, Adobe Fonts
- Delivered as
- SVG, PDF and AI sources; PNG in colour, mono and reversed; Favicon set; iOS and Android app icons
Brand core
$1,800
- Made in
- Adobe Illustrator, Adobe InDesign, Adobe Fonts, Adobe After Effects, Figma. After Effects for the motion rules; Figma variables on request
- Delivered as
- Guidelines as a tagged PDF; Tokens as JSON and CSS variables; Worked examples for web and social
Website — new build
$3,500
- Made in
- Claude, Adobe Photoshop, Adobe Lightroom, Adobe Firefly, Google's Gemini image models, Next.js
- Delivered as
- Production pages in your repo; OG images and a sitemap; The performance budget met
Design system
$3,000 / $6,000 / $10,000
- Made in
- React, Next.js, Vue.js, Adobe InDesign, Figma, Inkform. Vue on request; a Figma library on request
- Delivered as
- Components and tokens in your repo; A documented PDF; Docs published with Inkform
Software build
$6,000
- Made in
- Next.js, TypeScript, Go, Hono, PostgreSQL
- Delivered as
- Production code in your repo; An architecture doc in your repo
Iconography
$650 / $1,150 / $1,600
- Made in
- Adobe Illustrator, Figma. Drawn to the grid the system already uses; Figma on request
- Delivered as
- Optimised SVG; React icon components; A PDF sheet
Social & brand asset kit
$500
- Made in
- Adobe Express, Adobe Photoshop, Adobe Illustrator, Moda, Adobe After Effects, Claude (design and motion). After Effects or Claude for short motion
- Delivered as
- Express templates; PSD and AI sources; PNG, JPG and MP4 sized for each platform
Copy from zero
$600
- Delivered as
- Copy in the repo as Markdown, or as a doc
Care plan
$250 a month
- Made in
- GitHub, Vercel. Dependency updates, uptime checks, small fixes
- Delivered as
- A monthly note of what changed
Studio retainer
$1,800 a month
- Made in
- Whichever tools the month's work needs
- Delivered as
- Whatever the month's work produces, in your repo
AI interface pattern set
+$4,000 on the standard design system
- Made in
- React, Claude API, OpenAI API, Gemini API and Google AI Studio. Components for streaming, tool calls, citations, retries and uncertainty, tested against each of those APIs
- Delivered as
- The eight states as components and docs inside your design system
Additional art-directed image
+$25 beyond the 20 included
- Made in
- Adobe Firefly, Google's Gemini image models, Adobe Photoshop. Retouched in Photoshop
- Delivered as
- PNG, JPG, WebP or AVIF at the sizes the site uses
Start where your problem is.
Prototype
No door; the audit says whether a prototype is enough
Lovable or Claude; Figma on request
Launch
$5,300
Brand core, marketing site and social kit, with the site as a production Next.js build
Product
$10,500
Plus the design system in code: tokens and components
Everything
$14,900
Plus the app build: Next.js, TypeScript, Go or Hono, Postgres, sign-in and billing
Custom software
Quoted per project
Platform, integrations and internal tools, in your cloud accounts set up with Terraform
Built for five kinds of company.
- SaaS and developer tools
- Built on
- Next.js, TypeScript, Postgres and OpenAPI, with one token set for site, docs and dashboard
- What it handles
- Three surfaces that agree on what a button, an error and a table row are
- Fintech
- Built on
- Next.js, TypeScript, Postgres ledgers, Razorpay or Stripe, exports from the screen's own query
- What it handles
- What leaves matches what was on the screen, and nothing is edited silently
- Healthtech
- Built on
- Next.js, TypeScript, consent stored as records, FHIR APIs, HIPAA-eligible services under your BAA
- What it handles
- PHI never sits in a URL, a page title or a log line
- Insurtech
- Built on
- Next.js, TypeScript, resumable uploads to S3 or R2, queue-backed processing
- What it handles
- A dropped connection retries; it never loses the form
- AI products
- Built on
- Next.js, TypeScript, streaming, one adapter for Claude, OpenAI or Gemini, a test set per feature
- What it handles
- One consistent way to say "thinking", "looked it up", "that tool failed" and "not sure"
Work, as it would ship today.
- Tacit
A self-initiated demo
- Today
- React, Vite and a streaming UI, made with Lovable; a demo with a mock world
- As a product
- Next.js and TypeScript; speech transcribed as it streams, with no audio stored; summaries and Ask Tacit answers quoting the exact line; meetings in Postgres with pgvector; sign-in through devsforfun ID
- Offseason
A self-initiated demo
- Today
- React, Vite and Shopify, made with Lovable
- As a product
- A Next.js storefront on Shopify's Storefront API; the 24-piece rule held in Shopify inventory and checked by webhook; countdown, cart and stock read from one source; edge caching for drop-day traffic
- devsforfun
In production
- Today
- Next.js, Tailwind, Supabase, Razorpay
- As it runs
- Already in production. No changedevsforfun.com
- Roast My Website
In production
- Today
- Next.js, TypeScript, Supabase, Razorpay
- As it runs
- Already in production. No changeroastmywebsite.devsforfun.app
Swipe sideways to see all of it.
Start with the audit.
5 business days, $500, and it comes off the project if you book one.
devsforfun Studio is part of AWS Activate and Claude for Startups.
Reviewed 18 October 2026