Light interfaceMeasured www.plain.com

Plain

Playful, developer-friendly support tool with a bright green brand colour and a monospace feel.

This page is styled with Plain’s own measured values. It is a private reference for AltLeads; their logo, brand and company-only fonts belong to them.

Colours

Each role is a value read from their live website, checked against their screenshots.

Background#FFFFFF
Page behind everything

Surface#F7FAF9
Cards, panels, menus

Text#0A2414
Headings and body

Muted text#0A2414
Secondary info

Line#E5E5E5
Dividers and outlines

Accent#1AD379
Main button, links, selection

On accent#0A2414
Text on the accent

Contrast

Text on background 16.5:1Muted on background 16.5:1Text on accent 8.3:1

Every colour found on their site

#0A2414#F3FBE9#1AD379#FFFFFF#000000#F7FAF9#F8463C#0000EE

Typography

Headings use ABC Favorit Regular (company-only; shown here with the free look-alike Space Grotesk). Body text uses ABC Favorit Regular (company-only; shown with Space Grotesk).

h1	ABC Favorit Regular · 80px · 400 · -1.6px	Build support your own way
h2	ABC Favorit Regular · 48px · 400 · -0.96px	Tools add
h4	Geist Mono · 13px · 500 · 0.195px	TRY ARI
p	ABC Favorit Regular · 15px · 400 · -0.15px	Autonomous support, where your customers already are

Corners & shadows

Corner sizes used

6px

12px

10px

pill

18px

Shadows

Shadow 1

Shadow 2

Shadow 3

Components, rebuilt from their values

Live and clickable. Built by us from the numbers above, not copied from their code. Sample CRM data.

Buttons

Navigation

WorkspaceCompanies Contacts Meetings

Disposition

InterestedCallbackBengaluru

Hide do-not-call

Next call

Licious · Admin head

Wants a proposal before the cafeteria contract renews in March.

Tabs

Table

Company	Owner	Status	Last touch
Zomato Food tech · Gurugram	PR	Callback	18 days ago
Licious Food tech · Bengaluru	RM	Interested	Today
Delhivery Logistics · Gurugram	AS	No answer	35 days ago

Toast

Call logged · callback on Friday

Real components from their site

Cropped from Plain’s live website. Click to enlarge.

Buttons · 1

Plain button: BOOK A DEMO — #1AD379 · corners 6px · 34px

Tags and badges · 2

Plain Tags and badges: TRY ARI — fill #1AD379 · corners 369px · sans-serif 12px

Plain Tags and badges: 999+ — fill #F8463C · corners 1175.43px · sans-serif 12px

Icons

14 icons copied exactly from their site’s code.

Product screens

10 real screens from web image search, each linked to where it was found.

Plain product screen: 1862 × 978 — 1862 × 978

Plain product screen: 3695 × 2344 — 3695 × 2344

Plain product screen: 4352 × 3248 — 4352 × 3248

Plain product screen: 2560 × 1624 — 2560 × 1624

Plain product screen: 1200 × 630 — 1200 × 630

Plain product screen: 3504 × 2106 — 3504 × 2106

Plain product screen: 1440 × 1600 — 1440 × 1600

Plain product screen: 3696 × 2344 — 3696 × 2344

Plain product screen: 1000 × 563 — 1000 × 563

Plain product screen: 1024 × 613 — 1024 × 613

Do & don’t

What makes it Plain

Bright, saturated green used for headline text and the primary button
Monospace-style uppercase button labels, like a developer tool
Light green tinted surfaces instead of plain grey

Use the bright green as the dominant brand colour on headlines and buttons
Use uppercase, slightly technical-looking button labels
Use pale green tints for secondary surfaces

Don’t

Don't tone down the green to a muted pastel
Don't use soft lowercase button labels only
Don't use cold grey surfaces

For AltLeads: Borrow the bold single bright-green brand colour to make the product feel modern and technical rather than corporate.

Copy the tokens

Paste into any project to try this look.

/* Plain · values measured from https://www.plain.com/ · reference only, their brand belongs to them */
:root {
  --bg: #FFFFFF;
  --surface: #F7FAF9;
  --text: #0A2414;
  --muted: #0A2414;
  --line: #E5E5E5;
  --accent: #1AD379;
  --on-accent: #0A2414;
  --radius-button: 6px;
  --radius-card: 9px;
  --radius-small: 6px;
  --button-height: 34px;
  --font-heading: "ABC Favorit Regular", "Space Grotesk", system-ui, sans-serif;
  --font-body: "ABC Favorit Regular", "Space Grotesk", system-ui, sans-serif;
  --shadow: rgba(32, 39, 44, 0.04) 0px 1.37px 2.66038px 0px;
}