Theme
LightDarkSystem
Switches work in Preview and on the published page

Guideline for pricepoint.co · Webflow · v1

Pricepoint design system

One set of rules for every page on pricepoint.co. Black and white, one font, generous space, no boxes. Build new pages only with the classes on this page (they all start with pc-).

01 · PrinciplesRead these before designing any page.
Black and white firstText is black, the page is white (or the reverse in dark mode). Color lives only in images and product backdrops.
One font, two weightsSatoshi Regular (400) for reading, Medium (500) for headings and buttons. Nothing bolder.
Space is the designBig gaps between sections, small gaps inside them. Use the spacing scale only.
No boxesNo cards, shadows or borders around content. Only exception: product and testimonial cards on a black section.
Two CTAs, maxOne primary and one secondary button per section. Everything else is a text link with an arrow.
02 · ColorVariables → Pricepoint 2026Two modes: Base (light) and Dark. Never type a hex value in a class, always pick the variable.
Backgroundpc-bg · #FFFFFF / #0B0B0B
Textpc-text · #0D0D0D / #F2F2F2
Text mutedpc-text-muted · #5D5D5D / #A3A3A3
Text subtlepc-text-subtle · #8A8A8A / #737373
Linepc-line · #E5E5E5 / #262626
Surfacepc-surface · #F4F4F4 / #161616
Buttonpc-button · #0D0D0D / #F2F2F2
Button secondarypc-button-2 · #EDEDED / #202020
Errorpc-error · forms only
Backdrop · Lime mistSoft lime → leaf → forest · from #88DF1E

Green stays the brand colour, but only as the Lime mist gradient behind product screenshots and in the feature hero. Buttons, text and sections stay black, white and grey. The flat #88DF1E is no longer used on its own.

03 · LogoWhite on dark, black on light. Full logo on desktop and tablet (22px tall in nav, 24px in footer), icon only on mobile (26px). Logos are inline SVG in currentColor, so they follow the theme.
03 · Logo · clear space, size & misusepc-logoAlways use the official files. Same rules on web, decks, print and merch.
Clear space

Keep at least the height of the symbol (x) empty on every side of the logo. Nothing enters that box: text, edges, other logos.

80px · 20mm
20px · 6mm
Minimum size

Full logo at least 80px wide on screen and 20mm in print. Below that, use the symbol alone, never smaller than 20px.

Colour

White on black or on the green gradient. Black on white. The logo is never green and never sits on flat #88DF1E.

✕ Don’t stretch or squash it

✕ Don’t recolour it, not even green

✕ Don’t add shadows, glows or outlines

✕ Don’t rotate or tilt it

✕ Don’t place it on busy images

Pricepoint

✕ Don’t retype the name in another font

04 · TypographySatoshi 400 / 500Sizes step down at Tablet and Mobile breakpoints.
Make more money
.pc-heading-display
H1 on home / landing · 64 → 52 → 40px · 500 · lh 1.05
Rule-based RMS is over
.pc-heading-1
H1 inner pages, CTA band · 48 → 40 → 34px · 500 · lh 1.1
Built for every type of property
.pc-heading-2
Section titles (H2) · 36 → 28px · 500 · lh 1.15
AI Strategy Builder
.pc-heading-3
Sub-sections (H3) · 24 → 20px · 500
Smart Restrictions
.pc-heading-4
Item titles · 18px · 500
Pricepoint watches your market, predicts demand and adjusts pricing 24/7.
.pc-text-large
Hero subtitle, intros · 20 → 18px · 400 · lh 1.5
Body text for paragraphs and descriptions. Keep lines under about 65 characters.
.pc-text-body
Body · 16px · 400 · lh 1.6
Small text for card descriptions, nav links and footnotes.
.pc-text-small
14px · 400 · lh 1.5
Company News · September 14, 2026
.pc-text-caption
Eyebrows, meta · 13px · 500 · muted · no uppercase
04 · Fonts & sizesSatoshipc-fontFont names, where to use them and every size in one table.
Aa
SatoshiPrimary typeface for the website, product, decks and print. Free for commercial use from Fontshare (Indian Type Foundry).
Regular 400Body text, paragraphs, UI
Medium 500Headings, buttons, labels
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 € % →
Which font where
Website and productSatoshiFallback: Helvetica Neue, Arial, sans-serif
Google Slides and DocsInterSatoshi is not in Google Workspace. Inter is the closest free match.
PowerPoint, Word, email signaturesArialSafe on every computer and email app.
Specs and codeMenlo / SF MonoOnly for class names and technical specs.

Only two weights. Sentence case everywhere, no all caps. Tight letter spacing on headings only.

StyleDesktopTabletMobileWeightLine height
Display64px52px40pxMedium 5001.05
Heading 148px40px34pxMedium 5001.1
Heading 236px36px28pxMedium 5001.15
Heading 324px24px20pxMedium 5001.25
Heading 418px18px18pxMedium 5001.35
Text large20px20px18pxRegular 4001.5
Body16px16px16pxRegular 4001.6
Small14px14px14pxRegular 4001.5
Caption13px13px13pxMedium 5001.4
Button14px14px14pxMedium 5001
05 · Spacing & layoutOnly these values.
  • .pc-section — padding 96px top/bottom desktop → 56px mobile
  • .pc-section.is-tight — 56px → 32px (logo rows, small bands)
  • .pc-container — max-width 1200px, side padding 32px → 20px
  • .pc-container-narrow — 720px text column (articles, FAQ, legal)
  • Grids — column gap 24px, row gap 48px (32px on mobile)
  • Inside a block — heading → text 16–24px, text → buttons 32px
  • Radius — buttons pill · images 6px · inputs 8px · cards 12px (dark sections only)
  • Breakpoints — Tablet ≤ 991 · Mobile landscape ≤ 767 · Mobile ≤ 478
06 · Buttons, links & fieldspc-btnis-secondaryis-smallis-largepc-link-arrowpc-inputHeight 40px (32 nav, 48 large) · pill · 14px Medium · no icons except arrows.

Links

Learn more →Read on Hotel Tech Report ↗

Inline links look like this underlined text inside a paragraph.

Field

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

1px line border, 8px radius, black border on focus. Labels above the field.

07 · Do & don’tThe things that made the old site feel messy.
  • Cards with borders, shadows or colored backgrounds around text
  • Gradients, glows or green on buttons, headings or sections
  • Font sizes or paddings typed by hand instead of using a pc- class
  • Combo classes stacked three deep to fix one page
  • More than two buttons in a section, or icons inside buttons
  • Reuse the pc- classes; create a new one only if nothing fits
  • Center the hero and closing CTA; left-align everything else
  • Show the product as a cropped UI on a gradient backdrop
  • Check every new section at 390px wide before publishing
  • Keep a max of ~10 links per footer column
08 · Co-brandingPartners, PMS, eventsFor partner pages, integrations, events and co-marketing.
Partner logo
  • Match the visual height of both logos
  • Separate them with a thin 1px line and 1x clear space
  • Both brands approve before anything is published
  • Make one logo much bigger than the other
  • Add colours or green to the lockup
  • Put the lockup over busy photos
09 · Name, boilerplate & contactUse this text in press releases, partner pages and event listings.
Write the name right
  • Pricepoint
  • PricePoint, PRICEPOINT, Price Point, Price-point
  • Product names keep capitals: Real-Time Pricing, AI Assistant, Event Detection, Smart Restrictions, AI Strategy Builder, BI & DataHub
  • “The Pricepoint” or “Pricepoint’s AI” as a product name
Boilerplate

Pricepoint is an AI revenue platform for hotels. Its own AI model reads market signals, guest behaviour and demand, then tests and sets the prices that earn the most revenue, 24/7. Independent hotels, groups and short-term rentals around the world use Pricepoint with their existing PMS and channel manager.

Logo files, partner requests and brand questions: marketing@pricepoint.co

10 · Brand in use · gallery#F0F0F04:3 · 2400×1800Studio photos on plain light grey, product centred, no props. Black, white, charcoal or canvas products; green only as the Lime mist gradient. Upload to Assets › Brand - Merch photos.
Apparel
merch-cap.jpg

Cap

merch-hoodie.jpg

Hoodie

merch-tshirt.jpg

T-shirt

merch-quarter-zip.jpg

Quarter-zip

Desk & print
merch-business-cards.jpg

Business cards

merch-letterhead.jpg

Letterhead + envelope

merch-notebook.jpg

Notebook

merch-pen.jpg

Pen

Events
merch-tote.jpg

Tote bag

merch-lanyard.jpg

Lanyard + badge

merch-banner.jpg

Roll-up banner

merch-stickers.jpg

Stickers

Lifestyle
merch-bottle.jpg

Water bottle

merch-mug.jpg

Mug

merch-patch.jpg

Woven patch

merch-towel.jpg

Towel

Part two

Page sections

Every section a page can use, in a typical order. Build new pages by stacking these.

Navbarpc-nav-wrappc-navpc-nav-linkpc-theme-btn64px · 1px bottom line · 5 links max · theme switch (sun/moon) + Log in + 2 buttons. Tablet and mobile: logo, menu icon. In production this becomes a Webflow Navbar component with the dropdowns and mobile menu.
Heropc-heading-displaypc-text-largeCentered · H1 max ~14 words · subtitle max 2 lines · 2 buttons · optional story strip (scrolls sideways on mobile).

Your AI agent for driving more hotel revenue

Pricepoint watches your market, predicts demand and adjusts pricing 24/7 to capture more revenue automatically.

SafestayRead story →
Coastal Hospitality GroupRead story →
Les LoftsRead story →
The Central HouseRead story →
ValiantRead story →
Hero · feature (the “plus”)pc-hero-featureis-nightAnimated green background behind a transparent navbar. Max one per page, only on Home, launches, key feature pages and campaign landing pages. Day or Night is chosen per page.DayNight

Make more money. Let Pricepoint figure out how.

Your AI agent watches your market, predicts demand and adjusts pricing 24/7.

Trusted by independent hotels and groups worldwide

Pricing calendar
Pricepoint
Dashboard
Pricing calendar
Strategy
Market insights
Events
Properties
Hotel Mirador
Mirador Beach
October 2026Hotel Mirador · Double roomAutopilot on
MonTueWedThuFriSatSun
12€129+€4 · 62%
13€134+€9 · 68%
14€138+€6 · 71%
15€149+€11 · 79%
16€164+€12 · 88%
17€176+€34 · 97%Concert
18€121−€6 · 58%
19€131+€3 · 64%
20€158+€21 · 84%Congress
21€162+€24 · 89%
22€159+€19 · 86%
23€147+€8 · 77%
24€141+€2 · 73%
25€126−€4 · 60%
Logo rowpc-section is-tightpc-logo-rowMonochrome SVG logos, 24–28px tall, text-subtle color · 5–8 logos · no carousel.

Trusted by independent hotels and groups worldwide

Product shot · widepc-shotpc-bg-brandReal app UI, cropped, on a gradient backdrop, bleeding off the right edge · floating panel hidden on mobile · in production one exported WebP (2400px) plus a mobile crop. Data shown is illustrative.

The platform

Pricing, forecasting and market intelligence in one platform

See all features →
Pricing calendar
Pricepoint
Dashboard
Pricing calendar
Strategy
Market insights
Events
Forecast
Reports
Properties
Hotel Mirador
Mirador Beach
October 2026Hotel Mirador · Double roomAutopilot on
MonTueWedThuFriSatSun
12€129+€4 · 62%
13€134+€9 · 68%
14€138+€6 · 71%
15€149+€11 · 79%
16€164+€12 · 88%
17€176+€34 · 97%Concert
18€121−€6 · 58%
19€131+€3 · 64%
20€158+€21 · 84%Congress
21€162+€24 · 89%
22€159+€19 · 86%
23€147+€8 · 77%
24€141+€2 · 73%
25€126−€4 · 60%
AI Assistantnow
Why did Saturday go up?
A concert was announced 2 km away and searches for your dates jumped. I raised Saturday from €142 to €176. Pickup is ahead of last year.
Ask Pricepoint…↑
Feature · image + textpc-splitis-reverseText 5 cols, visual 7 cols · alternate sides · visual 4:3 · stacks on tablet, text first.

AI Real-Time Pricing

Prices that move with demand, around the clock

Pricepoint reads booking pace, market signals and guest behaviour, then tests and sets the price that earns the most. Rates go straight to your channel manager.

  • Updates prices 24/7, without rules to maintain
  • Learns from every booking at your property
  • Works with 100+ PMS and channel managers
Price vs. demandNext 14 days
Revenue€48.2k+11% vs LY
Occupancy86%+6 pts
ADR€158+€14
Your priceLast year

Event Detection · AI Forecasting

See demand coming before your competitors do

Event Detection spots concerts, conferences and holidays near your property. ForecastIQ turns them into a demand forecast your prices follow automatically.

Events near Hotel MiradorNext 30 days
Concert · Olympic StadiumSat 17 Oct · 2.1 kmHigh impact
Medical congress20–23 Oct · 4.8 kmHigh impact
Football matchSun 25 Oct · 6.3 kmMedium
Food festival31 Oct · 1.2 kmLow
Product cards · dark sectionpc-section is-darkpc-pcardpc-btn is-largeBlack section using the Dark variable mode · 4 cards (#1C1C1C, radius 12px) · visual + title + one big button · the only place cards are allowed · 4 → 2 → 1.

Your AI revenue team, working 24/7

Explore all features ↗
This weekendDouble
Fri 16€164+€12
Sat 17€176+€34
Sun 18€121−€6

Real-Time Pricing

Start for free
How is next week pacing?
8 points ahead of last year. I raised Tue–Thu by €9.
Ask Pricepoint…↑

AI Assistant

See how it works
Events30 days
ConcertSat 17 · 2.1 kmHigh
Congress20–23 · 4.8 kmHigh

Event Detection

Learn more
Connected3 of 3
MMewsSynced
SSiteMinderSynced
CCloudbedsSynced

100+ integrations

Find your PMS ↗
Product tabspc-tabspc-tab is-onPill tabs, selected = surface fill · 3–5 tabs · built with the Webflow Tabs element in production.

One platform for pricing, forecasting and market intelligence

Real-Time PricingAI Strategy BuilderMarket InsightsBI & DataHub

Real-Time Pricing

Prices update around the clock as demand changes, and go straight to your channel manager.

Product switcherpc-switchpc-switch-btn is-onOutlined pill with 3–4 options (icon + label) · selected = filled pill · one line of text and two underlined links change with the selection · scrolls sideways on small phones.

A complete AI revenue platform

Real-Time PricingAI AssistantEvent DetectionBI & DataHub

Prices that follow demand 24/7 and go straight to your channel manager.

Image gridpc-grid-3 is-keep-2pc-post-cardSquare image + title + one line · no border, no background · 3 cols → 2 on mobile.
Text gridpc-grid-4pc-item-lineNo images or icons · hairline above each item · title + 1–2 lines · 4 → 2 → 1.

Everything you need to grow revenue

Real-Time PricingRates that follow demand, 24/7.
AI AssistantAsk about your pricing and performance in plain words.
AI Strategy BuilderTurn your goals into a pricing strategy in minutes.
Smart RestrictionsMinimum stays and closures set automatically.
Event DetectionLocal events found before they fill your market.
Market InsightsSee how your market is moving, not only your comp set.
AI ForecastingDemand forecasts your prices act on.
BI & DataHubAll your revenue data in one place.
Statspc-section is-subtlepc-statThe only section allowed a grey background · 3 numbers max.

Results Pricepoint customers see

19%increase in revenue on top of growth
13.4%increase in occupancy
20+ hsaved every month on pricing
Testimonial · singlepc-container-narrowpc-quoteOne quote, no card, no stars · role + property size + source.
“A great software! What I love the most is that it’s fully autonomous.”
General ManagerBoutique hotel, 10–24 rooms · via Hotel Tech Report
Testimonial grid · dark sectionpc-section is-darkpc-tcardCards #1C1C1C, radius 12px · square photo 56px · quote 17px · name, role, company in grey · 6 max · 3 → 2 → 1. Real Hotel Tech Report reviews; add photos and names when customers agree.

What hoteliers are saying

“Pricepoint helped and guided me in taking a leap of faith and implementing dynamic pricing when I was not ready yet.”
Owner, B&B & Inn, 10–24 rooms · Hotel Tech Report
“A great software! What I love the most is that it’s fully autonomous.”
General Manager, Boutique hotel, 10–24 rooms · Hotel Tech Report
“The fact that you do not need to check it every hour because it does its job automatically once you set rules.”
Hotel Manager, Boutique hotel, 10–24 rooms · Hotel Tech Report
“Good interface; correct rate analysis and update on channel manager.”
Director, City center hotel, 25–49 rooms · Hotel Tech Report
“I’m very happy with Pricepoint. It helps me optimize the revenue in a very simple way.”
Owner, B&B, 5–9 rooms · Hotel Tech Report
“It is nice having a hands-off approach to pricing because it frees up time for other things.”
General Manager, Boutique hotel, 10–24 rooms · Hotel Tech Report
Product shot · phonepc-splitpc-shotPhone frame cropped at the bottom, centered on the backdrop.

On any screen

Your revenue, from anywhere

Check today’s rates, pickup and every price change Pricepoint made overnight, from your phone.

9:41●●●
≡Hotel Mirador ▾⌕
TodayWeekMonth
Revenue€4,820
Occ.86%
ADR€158
Sat 17 OctConcert nearby€142 → €176
Fri 16 OctPickup ahead of LY€152 → €164
Sun 18 OctSlow pace€127 → €121
Comparison tablepc-tableFor “Pricepoint vs” pages · hairlines only · scrolls sideways on small phones.

Rule-based RMS is over

Compare Pricepoint →
PricepointRule-based RMS
How prices are setAI model tests and decides pricesRules you write and maintain
What it looks atDemand signals, guest behaviour, market insightsCompetitor rates and history
When prices change24/7, automaticallyWhen someone updates them
Gets smarter over timeYes, learns from every bookingNo
Integrations listpc-name-gridNames or monochrome logos on hairlines · 4 → 2.

Works with the tools you already use

100+ PMS and channel manager integrations, worldwide.

See all integrations →
MewsCloudbedsapaleoSiteMinderOracle HospitalityGuestyStayNTouchLittle Hotelier
Blog / newspc-featuredpc-post-cardpc-post-rowFeatured post, 3 cards (16:10 image, meta, title), then a text list.
Blog articlepc-container-narrowpc-article-ppc-article-h2Text column 720px · body 18px / 1.7 · wide images up to 960px · in the CMS template, style the Rich Text element with these sizes. Sample text explains the rules.

Revenue management won’t be a job anymore

The lead paragraph sits under the title in the large size and muted color: one or two sentences that tell the reader what they will learn.

Body text in articles is 18px with a line height of 1.7, a little larger than on marketing pages, because people read it from start to finish. Paragraphs stay short, three to five lines.

Use H2 for main sections

Headings inside articles use the same font and weight as the rest of the site. Never add color, underline or bold to a heading.

  • Bulleted lists use the default disc
  • Each item is one line where possible
  • No icons or checkmarks inside article lists
Pull quotes are larger text with no box, no border and no quote icon.

H3 for sub-points

Images can break out to 960px wide, with an optional 13px caption. Charts go in as responsive images.

FAQpc-faq-gridpc-faq-itemTitle left, questions right (stacks on tablet) · plus/minus · hairlines · native accordion, no script.

Questions

Which PMS and channel managers does Pricepoint work with?

Pricepoint connects to 100+ systems, including Mews, Cloudbeds, apaleo, SiteMinder, Oracle Hospitality and Guesty.

Do I need a revenue manager to use Pricepoint?

No. Pricepoint watches your market and updates prices automatically, so teams without a revenue manager can still run dynamic pricing.

Is Pricepoint only for independent hotels?

Independent properties are our core, but Pricepoint also works for groups and chains, aparthotels, hostels, B&Bs, campgrounds and short-term rentals.

Can I try Pricepoint before committing?

Yes. You can start for free and connect your PMS in a few steps.

Forms · contact sales / demopc-form-gridpc-fieldpc-inputpc-chipText left, form right · 2-col fields → 1 col on mobile · labels above · for the live form, keep the HubSpot embed and style .hs-form with these values.

Contact sales

Talk to a revenue expert

Tell us about your property and a Pricepoint expert from your region will get back to you.

  • See Pricepoint working on your own market
  • Pricing for one property or a whole group
  • Help connecting your PMS and channel manager
What do you want to improve?
RevenueOccupancyADRTime spent on pricing

By submitting, you agree to our Privacy Policy.

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Forms · states & inline signuppc-input is-errorpc-inline-signupHeight 44px · radius 8px · focus = text-color border · error = red border + message · disabled = grey fill.
Helper text sits here
Enter a valid email, like name@hotel.com
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Checkbox

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Choice chips

HotelAparthotelHostelB&B

Inline signup

Closing CTApc-heading-1Last section of every page · centered · heading + one line + 2 buttons.

Make more money. Let Pricepoint figure out how.

Connect your PMS and see your first AI prices today.

Footerpc-footerpc-footer-grid13px muted links · 6 cols → 3 → 2 · max ~10 links per column · System / Light / Dark switch next to the copyright.