plain.com

Plain — The AI Support Stack Built for B2Bsaved 2h ago · captured 2h ago

Nine details, eight pinned.

View as Markdown ↗

Colors8 colors · ground #FBFDFA

ground#fbfdfa·91.66%#cdcfcf·2.08%#d7f5df·1.71%#adb0af·1.24%#49dc94·0.84%#8c928e·0.63%#7ae5b1·0.51%#616f66·0.46%

Sized by coverage · click to copy.

Typography2 families · 5 styles · ABC Favorit Regular, ABC Favorit Medium

Build support your own way

ABC Favorit Regular · 80/80 · 400 · -1.6px

Tools add

ABC Favorit Regular · 48/50 · 400 · -0.96px

Start fast. Scale fearlessly.

ABC Favorit Medium · 24/28 · 500 · -0.48px

Body

Your customers are talking to you in Slack, MS Teams, email, and inside your pro

ABC Favorit Regular · 18/24 · 400 · -0.18px

Small

Channels

ABC Favorit Regular · 12/16 · 400 · -0.12px

Specimens are the page's own words at their measured metrics; shown in Inter when the family is not loaded.

ButtonsBook a demo1 style

Book a demo

primary · fill #1ad379 · label #f3fbe9 · radius 6px · border 0px · padding 8px 10px 7px 10px · height 34px · type 12px / 400

Shape5 radii · 64 uses

6px29 uses · 45%

9px24 uses · 38%

12.28px9 uses · 14%

9999px1 use · 2%

18px1 use · 2%

AnalysisPlain runs a near-white canvas (#fbfdfa) with one loud signal green (#1ad379) and a deep forest ink (#0f2418-ish) that does double duty as text color and as the fill of full-bleed dark bands.

Plain runs a near-white canvas (#fbfdfa) with one loud signal green (#1ad379) and a deep forest ink (#0f2418-ish) that does double duty as text color and as the fill of full-bleed dark bands. Everything is set in ABC Favorit at regular weight, even the 80px display, with tight negative tracking (-0.02em), so the page reads soft and engineered rather than shouty. The one deliberate texture break is monospace: every button and text link is uppercase, letter-spaced mono in green, which makes the CTAs feel like terminal commands. Product UI is shown as crisp, low-contrast white panels sitting on pale mint and warm-cream washes framed by thin dashed green route lines, and the long scroll alternates light feature grids with forest-green sections for rhythm.

Style recipeBuild on a near-white canvas (#fbfdfa) with deep forest-green ink (around #0f2418) for text and for occasional full-bleed dark bands that alternate with light sections.

Build on a near-white canvas (#fbfdfa) with deep forest-green ink (around #0f2418) for text and for occasional full-bleed dark bands that alternate with light sections. Use one brand accent, a saturated signal green #1ad379, for primary fills, links and the first line of display headlines; support it with pale mint washes (#d7f5df, #f2fbe9) and a warm off-white cream for illustration panels, plus cool grays #cdcfcf / #8c928e for borders and secondary text. Typeset everything in a geometric-grotesk like ABC Favorit (fallback: Inter Display or Söhne) at weight 400: display 80/80px at -1.6px tracking, h2 48/50px at -0.96px, h3 24/28px weight 500 at -0.48px, body 18/24px at -0.18px, small 12/16px. Split hero headlines into two lines and color them green then ink, with no bold. Set all buttons and text links in an uppercase monospace at 12px with ~0.08em tracking: primary is a solid green fill with pale #f3fbe9 text, secondary is a 1px green outline with green text, both 6px radius, ~34–40px tall. Radii are small and consistent: 6px controls, 9px chips and inner panels, 12px cards, pills only for avatars or status. Show product UI as flat white panels with 1px light-gray borders and almost no shadow, placed on tinted cards and decorated with thin dashed and solid green curves. On dark bands, use cards one step lighter than the background with mint hairline borders and simple line-art icons. Links end in a long thin arrow stroke rather than a chevron. Keep spacing generous (120px+ between sections) and let color shifts between bands, not ornaments, create the rhythm.

Details9 worth noting

plain.com — the captured page — Landing, 1440 × 900 · captured Nov 1, 2026

1Two-tone green and ink headline
Two-tone stacked headline: the first line in brand green, the second in near-black forest ink, same size and weight, no other emphasis, so color alone carries the hierarchy
2Monospace uppercase button pair
Monospace uppercase CTAs: "BOOK A DEMO" / "START A TRIAL" set in a mono face with wide tracking at 12px, solid green fill paired with a 1px green outline twin, 6px radius; the type is the brand, not the shape
3Dashed route lines behind product UI
Hero product frame on a pale mint card (#d7f5df tint, ~12px radius) crossed by thin dashed and solid green curves, like transit routes converging on the UI; decoration that also implies "routing"
4Logo strip on the fold line
Customer logo strip pinned to the bottom edge of the first viewport, monochrome and evenly spaced, so social proof is visible before any scroll
5App icons set inside a headline
Inline logo cluster inside a headline: "Tools add [a row of tiny app icons] distance", where the icons replace words mid-sentence and make the problem literal
6Dark hairline card grid band
Forest-green band holding a 3×2 grid of dark cards with thin mint hairlines and small line-art illustrations, each with a tiny mono eyebrow above a medium-weight title
7Scenario-and-answer list on dark
"Speed, meet power" comparison section as a two-column definition list on forest green: scenario on the left with a green mono link beneath, a long candid paragraph on the right, separated by one thin divider
8Timestamped onboarding timeline
Timeline section ("29 mins and 59 secs") that pins three timestamps across a horizontal line and lists what you achieve by each, turning onboarding speed into a scannable chart
9Long hairline arrow after mono link
Arrow links done as long hairline arrows trailing a mono label ("DISCOVER AGENTS ⟶"), the stroke as long as the word, instead of a chevron glyph