Thirty SaaS
Quiet polish, editorial contrast
MinimalEditorialProduct
Design a 'Thirty SaaS' landing page and component system with a white background (#FFFFFF), near-black text (#111111), muted body text (#666666), and subtle labels (#999999). Use hairline borders (1px solid #EDEDED) and rounded corners (14px for cards/sections, 8px for buttons and smaller surfaces). Typography: Inter for UI/body (400/500/600) and EB Garamond for small italic lead-ins (italic, #999999). Primary button: solid #111111 with white text; secondary button: white background with 2px border #EDEDED and #111111 text. Depth is understated: main cards use box-shadow 0 8px 32px rgba(0,0,0,0.06); small floating chips use 0 2px 8px rgba(0,0,0,0.05). Sticky nav uses rgba(255,255,255,0.95) plus backdrop blur 12px and a 1px bottom border. Surfaces: use #FAFAFA for inset rows and panels. Optional texture: dotted background with radial-gradient(circle, #E5E5E5 1px, transparent 1px), background-size 20px 20px. Accent tile colors for small icons/steps include tabPink #FDF2F8, tabYellow #FEF9C3, tabGreen #DCFCE7, tabBlue #DBEAFE; illustrated steps use green/cyan/purple backgrounds (#DCFCE7, #CFFAFE, #E9D5FF) with bold black outline (#111111). Layout spacing is generous (24px padding typical), grids feel calm and product-led, with clean dividers and minimal decoration.
Thirty SaaS is a calm product-led aesthetic: crisp Inter typography, quiet grays, and structured hairline borders that create clarity without shouting. It uses subtle depth (soft shadows), rounded surfaces, and occasional EB Garamond italics to add an editorial "lead-in" contrast. The overall feel is modern, trustworthy, and lightly playful through restrained color tiles and dotted texture accents.
Navigation
Hero
💬Join our community›
The quietest
Open-Source CRM
Modern, powerful, affordable platform to manage customer relationships with calm clarity.
Feature Tabs
Product Shell
Illustrated Steps
An Operating System
for your customer data
for your customer data
Built on your customer data and adaptable to evolving workflows.
1. Import
Import and store customer data.
2. Customize
Adapt the data model to your needs.
</>
3. Automate
Connect systems with APIs and webhooks.
Bento Features
Tasks
Never miss a deal again.
Follow up with Joe
Call Phil
Send IBAN
Kanban views
Visualize your workflows.
Qualified$177,900
S
Stripe$2,650
@ Katherine Adams
Engaged$132,100
A
Airbnb$12,567
@ Phil Schiller
Notes
Rich notes with text blocks.
Summary:
Engaging discussion with a customer today. Next steps captured and shared.
fncontroloption
Fly through the app with
intuitive shortcuts
Testimonial Card
A. Customer
@acct · Dec 2, 2025
Modern, open-source, and calm by default. Exactly the kind of CRM UI that feels trustworthy.
Dotted CTA
Footer
Card
⚡
Workflow Builder
Automate the boring parts
Quietly powerful
A calm, modern product card
Hairline borders, soft shadows, and generous spacing create a confident SaaS feel without visual noise.