Guest experience platform for hotels.

00 Source contract

What this spec is built from, and where it stops

This system is for SCREENS. Print, signage, OOH, packaging, hardware and motion identity are out of scope.

Layout and spacing numbers carry the MEDIUM rating above: the 4px base unit, the 64px section rhythm, 32px subsections and 16px in-card stacking (carried into the applied UX/UI facet) are inferred from observed pixels, not published by the brand.

01 Brand identity

Guesteria at a glance

The name is guest + -eria ("a guest place", like cafeteria or pizzeria) - the guest's environment. The logo is an icon plus the "Guesteria" wordmark; the icon reads as a reception bell or a waving concierge. Rounded forms throughout stand for comfort and the "smoothing of corners" in service. The single-ink mark is navy #2D2F44; the knockout wordmark sits in off-white on a dark #2D2F44 capsule. (Brand Guidelines L57-72; the navy is the Royal Glow icons/backgrounds stop, L95.)

Logo

The mark belongs to the logo artifact. Every shipped file is at logo 2, the surface-to-file table at logo 3, and what breaks the mark at logo 4.

Disc badge, four inks (logo 2.3) violet: no book page approves it

Lockup, light ground (logo 2.1)

Lockup, dark ground (logo 2.1)

On brand background (logo 2.1)

Capsule plate, four inks (logo 2.2) violet: no book page approves it

Bare mark, three inks (logo 2.4)

Store tiles, square ground - the store masks it (logo 2.6)

Favicon - tab size (logo 2.5)

Single-ink lockup (logo 2.5)

Use the brand's original SVGs only; the short mark is never redrawn or distorted (logo 4). An outline mark is not produced - p06 strikes a hollow lockup out (logo 4). Clear space (logo 3.1) and the size floor (logo 3.2) are derived there, not quoted - the logobook publishes neither. Every shipped file is depicted above, each on a ground it is approved for; the downloads are at logo 2. Two of them - the violet capsule and the violet disc - ship without a book page approving them, which is the console's own open item at logo 5 and not a licence here. Downloads and the open items - including the files no book page approves and the vendor-to-shipped name crossing - are at logo 5.

Personas

The platform answers to four user types, drawn from the PRD (L53-55, L312-391) and the buyer ICP.

03 Color

Palette & roles

Color encodes Guesteria's product story: Service + Hospitality + Efficiency leads to Magic. Violet is the one magic / value accent; Skyline blue carries staff and operations; Earthy Comfort beige carries guest comfort and reservations; all sit on a neutral monochrome base. The ramp below anchors on the violet from the Brand Guidelines (#826AFF); in-product captures show close variants (#826BFF, #7C5CFC, #6C5CE7) which are implementation evidence, not new tokens. Status colors and brand colors never mix in the same component. (Brand Guidelines L80, L84-98; website/site-style-signals L20-26.)

Primary

Royal Glow violet - the one magic / value accent, a five-stop ramp anchored on #826AFF. It carries value and priority: one PRIMARY per composition, never the field for long reading.

Contextual subpalettes — role-bound

Two context subpalettes, each BOUND to the OBJECT KIND a component carries, not to the surface it sits on: Skyline blue for staff and operations data, Earthy Comfort beige for guest data. The roles COEXIST inside one block - the surface sets only the CANVAS temperature, never the component color. On the white operator console the guest-chip's avatar tile renders in the warm guest context while the unread count and the active-nav fill stay violet, all in the same row (Front Desk/FD - Chats 3.png). The binding is narrow by design: it applies to the smallest element that carries the distinction - a create-button fill, a chip outline, a two-letter avatar tile - and every surrounding container stays neutral.

CTAs do NOT route by actor. There is no warm guest-branded CTA and no blue staff CTA. The guest primary is dark navy --brand-800 #2D2F44 on every guest screen - "Next", "Pay now", "Back to Dashboard", "Confirm", "Upgrade room type" (Guest/Guest - My requests1.png, Guest/Guest - Pre-check-in-Step 8.png). The staff primary is coloured by the VERB, three hues in one card component on one screen: Get blue, Start orange, Finish green (Staff/staff - Dashboard.png). The console's manager action is a split button coloured by the status it sets, and only at the terminal states (section 11.2).

Violet marks the AMOUNT, not the action. Every price on the guest surface is the brand violet - --brand-600 #826AFF, rendered in product as #826BFF (Guest/Guest - Activities_grid.png, Guest/Guest - Dashboard - In stay State.png, Guest/Guest - My requests1.png, Guest/Guest - Chats.png). "Pay now" beside it is dark navy with a card glyph. Violet's other jobs are the same across all three surfaces: unread counts, the active-nav fill, the translation chip's outline and label, and the create-a-service chip. It is never the field for long reading.

Context 1 — Skyline blue (staff / ops data):

Context 2 — Earthy Comfort beige (guest data):

Text & surface

Status

Six status words ship, and Done is not one word across the three surfaces. The console queue reads New, In Progress, Approved, On Hold, Canceled; the guest app reads In Progress, Approved, Done - six words in all, spelled Canceled with one L on screen. "Completed" belongs to the Legend's own vocabulary ("Completed On Time"), not to a pill. On the guest app and the console, Done is the success family and there is no seventh word (Guest/Guest - My requests1.png, Front Desk/FD - Requests list - Internal.png). On the staff app the Done pill renders VIOLET, and the green pill on the same screen reads "Finished" - a status word this table does not otherwise carry (Staff/staff - Dashboard.png). Three clients, two meanings for one word: build the transition table so a status maps to a label per client, and do not assume Done is green everywhere. Payment is a second, independent pill (Unpaid / Paid) riding beside status, so a request can be Approved and Unpaid at once (Front Desk/FD - Requests list - Guest.png).

The complete color reference

The remaining literal values the rendered system already uses - the interactive layer, the rest of the text and surface ramps, the soft status fills, the shadow scale, the third (neutral) context slot, and the two Do / Don't card edges. None are new colors.

Elevation is near-flat throughout: cards read as flat sheets with hairline rows; only floating layers (toasts, dropdowns, the phone-preview mockup) lift.

Third context slot (--ctx-3-*) - neutral grey, and Guesteria BINDS it: the room-NUMBER pill on the console guest-chip is --ctx-3-600, the neutral half of a chip whose other half is warm olive (dmd 11). All three slots are in use:

Do / Don't card borders: the success-tinted "Do" card edges in #6EE7B7; the error-tinted "Don't" card edges in #FECDD3. Status text on the soft fills reads success #065F46, warning #92400E, error #9F1239, info #1E3A8A; the destructive button hover deepens to #BE123C; the committed-control fill (--control-active) is #4E4670, never the saturated CTA.

Rhythm of colors

Every color sits in ONE of four tiers; a surface is "on rhythm" when each element draws from the tier its job calls for.

Mandatory rhythm: one PRIMARY per composition; SUB-PRIME supports it; LOW-PRIORITY carries structure; SUBTONE carries grounds and backing.

Palette rhythm

A second, orthogonal layer: which PALETTE(S) and in which DIRECTION + FLAVOUR a composition draws from. Three palettes - Royal Glow violet, Skyline blue, Earthy Comfort beige - each a 5-stop ramp, plus the four mixes. LIGHT = a high-value ground; DARK = a low-value ground; CALM = adjacent near-tones (recede); CONTRAST = the 50 to 800 poles (pop). Each cell still obeys the four role-tiers inside it.

Mixing palettes - exactly ONE violet accent, the other palettes ground / support (a light row + a dark row each):

Color in space

Rule: the saturated violet is the accent, never the field for long reading. Pair each fill with text from its own legible end of the ramp.

Dark mode

Low-confidence - the source ships no dark mode; all twins are light. If one is authored: invert the surface scale - canvas #0A0A0B, raised #18181B, sunken #27272A - and lift the violet to the near-tone already in the ramp, --brand-200 #C7BCFF, which measures 11.4:1 / 10.2:1 / 8.6:1 against those three grounds - comfortably AA. Lifting means LIGHTER: the light-mode --brand-600 #826AFF reads 5.1:1 / 4.6:1 / 3.9:1 and already misses AA on the sunken ground, and the visited-link #6E64ED is darker still (4.4:1 / 4.0:1 / 3.3:1), so it lowers contrast on all three. The four-tier rhythm still holds: a tint becomes a low-value ground, structure lines lift, the magic accent still appears once.

04 Typography

Type scale (inferred)

Codec Pro is the specified display face; Source Sans 3 is body. No Codec Pro font file has ever been handed over, so any live build falls back to Source Sans 3 until the org owner supplies it. JetBrains Mono / IBM Plex Mono carries code, IDs, and balances (inferred; no brand mono in source). The scale below is inferred and low-confidence - only the hero size (48px desktop / 32px mobile) is sourced.

Tracking tightens as the type grows and opens as it shrinks: -1.5% at the 48px hero, -1% at H1, -0.5% at H2 and Stat, 0% across the body steps, and 4% at the 11px Micro step.

Typography principles

• Prefer ONE weight per hierarchy step. Do not mix 500 and 600 in the same surface.
• KPI and stat values are bold large numerals; metadata and labels are muted gray.
• Use numerals tabular in console tables (balances, counts), proportional in guest prose.
• Room-type codes are small uppercase (FML, LSV, PCP - the codes observed on screen, dmd 11); track wider and never go all-caps below ~12px.

Hierarchy in use

05 Visual language

One curved voice, three motifs

Guesteria's visual language is a SYSTEM of THREE motif families sharing one DNA: a single-weight, smooth-bezier, rounded-terminal curve, single-ink throughout. Source: the official Logo Guide (27 JPGs plus a line-narrative analysis); page 12 opens its chapter as "Brand graphic elements used to create visual images." The register here is CUSTOM, and it is explicitly OPTED IN, not defaulted off - Guesteria's own bell-swirl glyph, unrolled into a connecting line, and distilled into a line-built icon set. Anything past "smooth connecting line + bell-swirl mark + line-built icons in navy / violet / neutral" that the book does not show is flagged inferred, not sourced.

Rule across all three motifs - the mark, the connecting line, the line-built icon set: one accent device per view.

Motif 2 - the connecting line

The mark "unrolled" into a thread: a single continuous OPEN monoline, constant width, fully ROUNDED end caps, smooth curves only (no corners, no straight runs); it loops / crosses itself once but never closes; always a single flat color. The brand claims it "connects things together, across things." (logobook p01, p08, p12, p18, p19.)

Where the line is applied - EIGHT lettered scenarios, each with its rule (page citations are to the Logo Guide).

The curve canon - four cells, ten curves

Guesteria's canon is TEN real handcrafted curves, never redrawn - the filename names which edge the line is pinned to (top / right / bottom / left). The fill model is small and unbreakable: the svg fills a cell and is pinned by its named edges via preserveAspectRatio ALIGN slice; the cell's aspect ratio is set to the curve's own viewBox so the slice is exact; no anchor, no zoom, no free scale. A curve MAY be rotated in 90-degree steps and MAY be mirrored, on two conditions: the transform is applied to the PATH inside the viewBox, never as a CSS transform on the element, and the ALIGN is REMAPPED to the edges the transform moved the line onto. The generator on this page does both (remapAlign + curveSvg). ALIGN follows the named edges: top-right xMaxYMin, top-left xMinYMin, bottom-right xMaxYMax, left-bottom xMinYMax. The ten, each with its own viewBox and align: curve 1 (608/467, xMaxYMin, one self-crossing loop); twin 2-1 (291/541, xMaxYMax, a long descending tail) handing off to 2-2 (279/151, xMaxYMin, a short rising head); twin 3-1 (306/345, xMaxYMax, a single sweep) and 3-2 (346/312, xMaxYMin, an S-bend); curve 4 (269/300, xMinYMax, a two-path figure - a main loop plus a short companion stroke); twin 5-1 (247/132, xMaxYMax, a shallow arc) and 5-2 (247/308, xMaxYMin, a tall hook); twin 6-1 (203/499, xMaxYMax, a deep S) and 6-2 (267/347, xMaxYMin, a single bow). The mark itself is the real logo asset and is never reproduced as a curve-gallery illustration.

The canon is CLOSED: curve 1, the two-path curve 4, and the four twins 2 / 3 / 5 / 6 - ten curves, nothing else. Do not invent a curve. Fill a cell with a canon path and recolor it - nothing else; never draw a new bezier by hand. Each curve keeps ONE open path with fully rounded end caps and smooth beziers only - no corners, no straight runs - and crosses itself at most once. The one stated exception is a FAMILY, not a file: the derived full-width rule, which stretches on preserveAspectRatio="none" and pins no named edge. It ships in four shapes - the golden-ratio .curve-divider rendered above this section, and the three traced wave variants divider-1--wave.svg / divider-2--wave-calm.svg / divider-3--wave-busy.svg at dmd 12.2. Add no others.

Colour rule: a curve ships as ONE single-ink file - for example curve-1--top-right.svg or curve-6-2--top-right.svg - recolored per ground via its stroke, never as a light/dark pair, never gradient, tapered, dashed, dotted, outlined, or multi-strand; off-palette is an explicit don't (the book strikes out green and yellow-on-black lockups). Sanctioned pairs: violet --brand-700 or --brand-600 on --brand-50; off-white #FFFDF5 on --brand-600 or navy --brand-800; staff --ctx-1-700 or --ctx-1-800 on --ctx-1-50; guest --ctx-2-700 or --ctx-2-800 on --ctx-2-50. The line must read against its ground - at least ~3 ramp steps apart; never an adjacent step (--brand-200 on --brand-600 vanishes). One accent line per view.

Stroke width: pick the token by the creative's SCALE TIER, nudged by the weight of the headline it sits with. ONE single open stroke at one weight - no accent pair.

The mark in a creative

The mark sits OPPOSITE the heavy type or content as a counterweight, rides TOP-LEFT (centre only if alone, never the bottom), and content holds ONE alignment line. The geometry never changes - only which ink of the file is used: dark navy for light grounds, off-white for dark or saturated grounds.

The mark, off-white ink, on the brand violet field - one accent, centred.

The same mark on a context (staff) ground; same file, only the ground changed.

Over a photo: a dark mask floors the contrast so the off-white mark still reads - the mask value belongs to the photo and background system.

Shape as background

Every backing here is one of the ten canon curves, put through one of three derivations and nothing else: OVERSCALE it past the frame so the edges CROP it, the same fill-the-cell / pin-the-named-edges model as every canon cell; drop it to a GHOST over a photo so it steers mood without competing with the image; or bleed it off a single edge so the journey reads as continuing past the frame. It stays a SUBTONE backing (tier 4) - near-tone over colour, a faint wash over a photo. One backing shape per view. Compose as ONE cluster plus counterweight - the golden rule: group the headline, copy, and lockup into a SINGLE block seated on a third, never scattered to opposite corners with a dead middle; the curve's mass is the counterweight OPPOSITE the cluster, filling the centre.

Curve over a photo - three ways

The curve behaves IDENTICALLY on an image ground: it still fills the frame at preserveAspectRatio="<ALIGN> slice" with the named edges pinned and the endings clipped off-frame. Only the line COLOUR follows the ground - no anchor or scale knob changes.

Inferred, not in the book: mark any such usage clearly as inferred, never present it as sourced. The logobook is silent on data or route lines on maps and charts (the pin icon exists at p13, but no actual data line or path-on-map is shown); a loading, progress, or scrubber line; a codified hairline divider or card-accent system (the glyph has a baseline bar and p16 shows small top progress-tick bars, but no reusable rule is codified); motion or animation timing (any "the line draws itself" guidance is inferred); and numeric clear-space ratio, minimum size, and stroke or radius tokens (clear space and minimum size are shown graphically only at p02-p03; the one explicit numeric spec in the book is the 30% photo mask at p07). Corner language (sharp vs round) is a SEPARATE decision - see 06 Shape & roundness.

06 Shape & roundness

Sharp or round? Commit to one corner language

Corners are SHARP (rectangles, squares, hard 90-degree edges) or ROUND (rounded corners, circles, ovals, pills). The decision flows to EVERY wrapper through a single radius scale, so the focus-wrap, the content block, the card and the button all read as one family.

The axis

SHARP reads as engineered, precise, serious; ROUND reads as friendly, soft, approachable. Sit deliberately at one end, never in the muddy middle.

Guesteria's proposed answer (the marker above): soft and rounded. A gentle radius on blocks, a full pill on tags and chips - and the same rounded-terminal curve carries through the icon set too, so nothing in the family ever meets a hard corner.

ONE identity, two halves: the ACCENT SHAPE (05 Visual language) and the CORNER STANCE (here) read together. Guesteria's shape IS the curve system - the bell-swirl mark and its connecting line, a single-weight, smooth-bezier, rounded-terminal family with no corners and no straight runs - inside ROUND containers: shape and corner already match. Pick the shape (05) and the corner point (here) so the two never contradict.

The radius scale (the example)

One token ramp answers the question for every element. A SHARP brand lives at the left (xs/sm or 0); a ROUND brand lives at the right (lg + pill). Guesteria's picks are marked.

The island radius is an EM (--radius-island: 0.9em), so it tracks the block's OWN type size. Marked chips (md / lg / pill / island) are Guesteria's choices.

One decision governs every wrapper

The roundness stance is one choice mapped onto the scale: move the brand sharper or rounder and EVERY row below shifts together. Token mechanics (the depth + elevation pairing) live in 15 Depth, Radius & Elevation.

Rule: the tag paragraph wrapper's radius must stay at or below its horizontal padding, or the corner clips the copy. A WHOLE-paragraph wrapper also needs generous VERTICAL padding (more than a one-line phrase) so the copy breathes top-and-bottom.

Roundness governs the wrapper's CORNER; the accent shape's COMPOSITION (overscaled, cropped by the frame, or ghosted over a photo) is the PAIRED half of the same identity - see 05 Visual language > Shape as background.

Content island (core) + optional enrichment

The .island is a CORE, brand-neutral device for lifting READING copy off a busy surface - a content block whose corner radius TRACKS its type size (per the scale above); reach for it at two-to-three paragraphs, rarely for one. Use it in any brand.

OPTIONAL ENRICHMENT - the LIQUID-GLASS material + the FOCUS-WRAP. The .glass modifier turns any over-a-ground wrapper into an Apple-style liquid-glass panel: a frosted backdrop-filter blur, a luminous border, an inset top highlight and a float shadow - reusable on the island AND the .tagwrap focus-wrap. Reach for it to enrich a SOFTER, rounder brand; skip it for a flatter, harder one. Glass is over-a-ground only (a colour or a photo), never the plain page. Both inherit their radius from the roundness stance above.

Inside an island, colour roles still apply - ground is subtone, the one accent is primary/sub-prime, any rule is low-priority. The focus-wrap shares the material: a .tagwrap.glass--ink frosts a phrase the same way over a dark photo.

The GLASS CONTRAST LAW: the default .glass frost is LIGHT so its text is DARK (use over a light ground); .glass--ink is a DARK frost so its text is LIGHT (use over a dark ground or photo) - a light frost with light text vanishes. Inline chips carry their OWN contrast, so nesting one inside a dark-frost panel never produces light-on-light.

Focus-wrap gallery (optional enrichment) - one phrase, many registers

Reach for the focus-wrap when a phrase needs to lift off a busy ground. Pick the wrapper by the GROUND and how loud the emphasis should be; the pill colour always differs from BOTH the ground AND the text, the phrase never breaks mid-word, and a sentence-ending wrap pulls the full stop INSIDE. Its radius follows the roundness stance (pill for a round brand, a small --radius-sm for a sharp one). Its padding is FLAT - a hair more on the bottom than the top - so the pill never dwarfs the type. The registers are actor-named: the --solid / --guest / --staff / --ink fills, and --word / --line / --block for a word, a sentence, or a whole paragraph.

Quiet focus-wrap - no fill, subtle

When a filled pill is too loud, the QUIET focus-wrap drops the fill entirely - a thin border, no slab, slightly dimmed. Two reads: a LIQUID luminous edge (adapts to the text colour) or a RHYTHM-tint border (a thin palette border + a faint tint). One focus-wrap per paragraph; the phrase never breaks mid-word.

07 Icons

One monoline set, two render modes

Icons are a foundation: five real handcrafted glyphs (source: icon--*.svg, drawn on a 96x96 grid, round caps and joins), built from the same single stroke as the mark and the line. Each glyph is recolorable through stroke=currentColor, so one source mark tints across the whole palette without a redraw; the document glyph is the one filled exception.

The two use cases

Every icon ships in two presentations. BARE (no background) is the default - it inherits the text colour and sits inline, in nav, on controls and in dense UI. WRAPPED on an .icon-disc lifts a single glyph for a feature tile, an empty state or a marketing accent, and the disc is what carries the role tint.

The set

Five real handcrafted glyphs are the source of truth: heart, house, location, phone, and a filled document (icon--heart.svg, icon--house.svg, icon--location.svg, icon--phone.svg, icon--document.svg). The Logo Guide's own creatives chapter names eight line-built icons - heart, location pin, cup, house, bed/lounger, dumbbell/key, steam, swirl (logobook p13) - but only these five were ever produced as files; cup, bed/lounger, dumbbell/key, steam, and swirl have no shipped SVG. Do not treat the book's eight as shipped inventory. Each glyph ships with a disc mate named icon--<glyph>--bg.svg, with ONE exception: the document glyph's mate is icon--documents--bg.svg, plural, against a singular icon--document.svg. The filenames disagree on disk; reference each exactly as listed.

Rules: the four line glyphs (heart, house, location, phone) share ONE stroke weight, round caps + joins, and recolor only through stroke=currentColor; the document glyph is the single exception - filled (fill="currentColor", no stroke). Never two-tone inside one glyph. The heart, location, and the mark are the most brand-load-bearing. One icon family, never a second.

Icons across the palette

The five glyphs live INSIDE the colour system, not a fixed ink. Each disc recolors via the palette - .tint-brand (the prime violet), .tint-staff (Skyline blue --ctx-1-*) and .tint-guest (Earthy Comfort beige --ctx-2-*). The glyph is stroke="currentColor" (exact source geometry), so the disc fill and the glyph colour both come from ONE ramp.

Row 1 prime violet (.tint-brand), row 2 Skyline staff (.tint-staff), row 3 Earthy guest (.tint-guest). One geometry, three palette homes.

07a Backgrounds & photography

Real photos, always in-palette

Guesteria's photography is real brand property imagery - rooms, lobbies, terraces, the hospitality moments the product serves. It runs in TWO registers, and the register is set by where the photo sits. In product, a photo runs raw - untinted and unmasked - but not bare. The plain rounded rectangle is the Hotel Info header: untinted, unmasked, unbadged (Guest/Guest - Hotel Info.png). A CATALOGUE thumbnail is the other case: the image is still untinted and unmasked, and it always carries furniture on top - the orange TOP badge on each Featured card and two overlay chips on each grid card (Guest/Guest - Activities_grid.png, Front Desk/FD - Services - Guest services.png). Do not generate a bare catalogue photo; that screen has none. Off product, a photo is always tinted, badged, or curve-masked so it sits inside the palette and reads as brand rather than stock. The real assets are assets/bg-0.jpg ... assets/bg-7.jpg, referenced relative to this page.

Tinted photos

A property photo under a single multiply tint, one per sanctioned ground: the brand violet, the staff blue, the guest brown, and the dark navy. The wash mechanism is mix-blend-mode: multiply over a real bg-N.jpg; a knockout headline always rides #fff.

tint-brand - Royal Glow violet, --brand-600 #826AFF multiply

tint-staff - Skyline blue, --ctx-1-800 #2E4258 multiply

tint-guest - Earthy Comfort, --ctx-2-800 #443F2C multiply

tint-dark - Navy #2D2F44 multiply

Photo badge

A tinted photo carrying a mark inside a disc - the icon-in-circle / logo-in-circle options. The disc holds a REAL asset only (an icon glyph or the transparent bare mark), never a fabricated mark; it centers by default or pins to a corner (.at-tl / .at-br), and its ground is off-white, navy (.is-ink), or violet (.is-violet).

Icon in circle - heart glyph, off-white disc, over a tint-brand photo.

Logo in circle - the transparent bare mark (guesteria--mark.svg), off-white disc, over a tint-dark photo.

Icon in circle, corner-pinned - location glyph, navy .is-ink disc at .at-br, over a tint-guest photo.

The third disc ground - violet .is-violet, corner-pinned .at-tl, over a tint-staff photo.

Rules

• Real brand assets only. Photos are real property and hospitality imagery, never generic stock and never placeholder fills.
• Off product: always tinted, badged, or curve-masked. A brand or campaign photo carries a palette tint, a disc badge (an icon or the bare mark), or a curve mask so it reads as part of the system.
• In product: raw, in a rounded rectangle. A catalogue thumbnail, an offer card image and the Hotel Info header carry NO tint, NO mask and NO disc badge - only the product's own chips and the orange TOP badge sit over them (Guest/Guest - Activities_grid.png, Guest/Guest - Hotel Info.png). Do not apply the off-product treatments to a screen a guest buys from.
• In-palette. Tints and grounds stay inside the sanctioned palette: brand violet, staff blue, guest brown, or navy - never an off-palette wash.
• Logo-on-photo follows the mask rule. When the lockup sits over a photo, it knocks out white over a 30% dark mask (visual language H).
• Curve-masked splits live in Creatives. The full curve-masked photo split - where a handcrafted curve becomes the seam between a color field and an image - is a campaign device documented in the Creatives facet.

Photo wrapper block

A big boxed photo panel - wider than tall, 100% rounded, a tough brand-weight border - with the image FIXED behind one to three rows of copy, so it reads as a PARALLAX as the page scrolls (degrades to a static cover; respects reduced-motion). Inside the copy, TWO type-focus tools: bold for a word, and the rounded .tagwrap pill for a phrase. The image is a real assets/bg-*.jpg.

A narrower variant (.pw-two-thirds), same behaviour, three rows of copy:

08 Voice & tone

Five dials, calibrated from the brand's own words

Calibrated from the stated brand character - calm, confident, precise, caring, without pomp or fuss - and voice: friendly, clear, to the point, focused on real results. Even sales copy holds the line: an upside scenario, not a universal promise, never hype.

CTA verb library

Voice do / don't

10a Appendix

Unique artifacts

Guesteria's signature modules - applied patterns, not brand foundation.

• The Guest Experience journey panel
• The property switcher
• Per-message translation, labelled by ACTION - Translate / Translating / See original (Guest/Guest - Chats.png, Front Desk/FD - Chats 3.png)
• The console guest-chip: a warm avatar tile, a NEUTRAL grey room pill, and a warm olive room-type code (Front Desk/FD - Chats 3.png)
• Merge-field composition - an OPERATOR feature (Front Desk/FD - Chats 3.png)
• The Reservation Profile booking track
• The Pre-Check-In wizard - Step N/8 on every shipped screen, but the denominator is a DERIVED value, not a constant: the pre-check-out wizard prints 1/5, 2/8 and 4/5 inside one flow. Authored in the console beside a live phone-framed rendering of the guest app (the derivation rule is at dmd 14)
• The document-scan reticle
• Five-star rating with an optional comment (Guest/Guest - Request_feedback.png, Guest/Guest - Chat - Rate the communication.png)
• The stay stage as a SYSTEM dimension - authored, rendered, and measured
• The three-surface (white console / warm guest / cool staff) system

Two of those are bigger than a component, and both were read here as screen states. They are not.

The applied facet rebuilds the wizard-plus-live-preview journey as a story block at dmd 14; the brand-creative artifacts (the three-motif system in campaign and social form) live in the Creatives facet. (Twins under source/; PRD module specs; the finished screens under sources/app/screens/.)