# Origin89 / Plate 89 / Design guide v1.0 ## 01 / Identity system ORIGIN89 / PLATE 89 IDENTITY SYSTEM Built for your corner of the world. Simple control. Your way. From a cottage to the field. THE SELECTED PLATE 89 DIRECTION DESIGN GUIDE / v1.0 / 08 SEP 2026 01 / 20 ## 02 / Brand foundation ORIGIN89 / PLATE 89 BRAND FOUNDATION Simple at the cottage. Capable in the field. Origin89 makes site equipment easier to understand and configure. The identity should feel familiar at a cabin and credible beside industrial equipment. Useful. Adaptable. Grounded. A place you care about Cottages, remote buildings and off-grid power. Start with the owner's actual site. Equipment you depend on Pumps, heaters, valves and field sensors. Keep the interface clear as the site grows. Control that stays yours Customizable views and understandable settings. Buddy helps people find the next step. DESIGN GUIDE / v1.0 / 08 SEP 2026 02 / 20 ## 03 / Brand architecture ORIGIN89 / PLATE 89 BRAND ARCHITECTURE One company. A connected product family. Origin89 Controller Hardware at your site Origin89 Offgrid The app for your site Origin89 Buddy Your assistant in app + docs KM43 Protocol name for technical documentation. Firmware is described as Origin89 Controller firmware; KM43 is not the app or firmware brand. USE "BUDDY" IN CONVERSATION. USE "ORIGIN89 BUDDY" WHERE OWNERSHIP NEEDS CONTEXT. DESIGN GUIDE / v1.0 / 08 SEP 2026 03 / 20 ## 04 / Master identity ORIGIN89 / PLATE 89 MASTER IDENTITY A recognizable plate. A clear signature. The clipped corners recall a field identification plate. The custom 89 carries recognition at small sizes. The symbol is custom artwork. Preserve the open counters and the wide, steady stance. The wordmark is an optically weighted Michroma outline. Use the artwork; typing the name will not recreate this lockup. DESIGN GUIDE / v1.0 / 08 SEP 2026 04 / 20 ## 05 / Construction ORIGIN89 / PLATE 89 CONSTRUCTION Precision where it matters. Use H, the height of the plate, to scale the system. Clear space is measured from the outside edge of the complete lockup. 200 UNITS H = 110 H / 4 14-unit chamfer Four clipped corners. Keep the silhouette; do not round it into an app tile. 27.5-unit margin Minimum clear space on every side. More space is welcome. THE LOGO IS THE PLATE. THE ROUNDED APP TILE IS A SEPARATE CONTAINER. DESIGN GUIDE / v1.0 / 08 SEP 2026 05 / 20 ## 06 / Lockups and reproduction ORIGIN89 / PLATE 89 LOCKUPS AND REPRODUCTION Choose the version for the surface. PRIMARY / LIGHT Bridge blue with chalk numerals. Use for the website, stationery and light interfaces. REVERSED / DARK White plate and wordmark on a dark surface. Use the knockout SVG when the substrate should show through. MONOCHROME / LIGHT For one-ink printing or marking, use the dedicated knockout plate. Confirm the process with a physical proof. HORIZONTAL: DEFAULT. STACKED: NARROW FORMATS. PRODUCT LOCKUPS: USE THE DELIVERED ART. DESIGN GUIDE / v1.0 / 08 SEP 2026 06 / 20 ## 07 / Small sizes and care ORIGIN89 / PLATE 89 SMALL SIZES AND CARE Recognition survives restraint. Practical starting sizes for this identity; check the final device, substrate and viewing distance. Symbol Signature Product lockup Start at 24 px wide in normal UI. The dedicated favicon fills more of its canvas and has 16/32/48 px exports. Start at 170 px wide on screen or 35 mm in print. Use the symbol alone when the full name becomes cramped. Start at 300 px wide on screen or 55 mm in print. Keep the product descriptor readable at the final output size. Keep the geometry intact. No stretching, independent letter spacing, extra outlines, pasted gradients, new symbols inside the counters or decorative shadows on the flat logo. DESIGN GUIDE / v1.0 / 08 SEP 2026 07 / 20 ## 08 / Brand color ORIGIN89 / PLATE 89 BRAND COLOR Bridge blue is the anchor. A focused palette gives the physical product and digital experience a shared identity. Bridge blue #2B4A97 RGB 43 / 74 / 151 Ink #07090C RGB 7 / 9 / 12 Chalk #E7EAEE RGB 231 / 234 / 238 Paper #F4F3EF RGB 244 / 243 / 239 Pairs that work 8.30:1 White on bridge blue 6.88:1 Chalk on bridge blue 7.48:1 Bridge blue on paper 16.52:1 Chalk on ink sRGB MASTERS. PRINT COLORS REQUIRE A PROCESS-SPECIFIC PROOF; NO UNIVERSAL CMYK MATCH. DESIGN GUIDE / v1.0 / 08 SEP 2026 08 / 20 ## 09 / Product color ORIGIN89 / PLATE 89 PRODUCT COLOR Brand color does not replace state. Origin89 Offgrid North cottage Overview BATTERY 78% Updated 4 s ago Cottage temperature 18.4 C Measured DESIGN PREVIEW / SAMPLE DATA Origin89 Offgrid North cottage Overview BATTERY 78% Updated 4 s ago Cottage temperature 18.4 C Measured DESIGN PREVIEW / SAMPLE DATA Use semantic tokens The kit includes the current light and dark product palettes. Keep states connected to labels and icons. Blue on ink 2.40:1 Too low for ordinary body text. Use the lightened dark-theme link token (#6279ad): 4.61:1 on ink. Missing is a state, not zero. Show freshness beside readings. DESIGN GUIDE / v1.0 / 08 SEP 2026 09 / 20 ## 10 / Typography ORIGIN89 / PLATE 89 TYPOGRAPHY Character in the mark. Clarity everywhere else. MICHROMA / CUSTOM OUTLINED WORDMARK Make the site yours. Inter Tight / 400, 600, 700 Use Inter Tight for product names, headings, instructions and interface copy. Sentence case keeps complex equipment approachable. BATTERY 78% SOLAR 2.4 kW PROBE 18.4 C UPDATED 4 s IBM PLEX MONO / READINGS + IDs TYPE SCALE 12 / 14 / 16 / 20 / 28 / 40 / 56 Body: 16 px / 24 px line height. Use tabular readings, visible units and a distinct freshness label. DESIGN GUIDE / v1.0 / 08 SEP 2026 10 / 20 ## 11 / Three-dimensional language ORIGIN89 / PLATE 89 THREE-DIMENSIONAL LANGUAGE Tactile. Quiet. Built from the real mark. Satin shell Deep navy #172c50. Roughness 0.48. Fine texture and soft edge highlights. Ceramic face Warm ivory #eadfcf. Roughness 0.36. Raised numerals or a recessed inverse plate. Soft studio Broad key, soft fill and rim. AgX: plate -0.65 EV; Buddy -0.55 EV. Orthographic views. 3D IS FOR HEROES, ICONS AND EXPLAINERS. USE FLAT SVG FOR NAVIGATION AND HARDWARE MARKING. DESIGN GUIDE / v1.0 / 08 SEP 2026 11 / 20 ## 12 / Offgrid app icon ORIGIN89 / PLATE 89 OFFGRID APP ICON One mark, from launch screen to favicon. 3D / FULL-BLEED MASTER FLAT / FULL-BLEED MASTER Both are unmasked square assets. Let the target platform apply its own shape and packaging. Small-size family Use the flat icon when relief details disappear. The app name stays in the label below the icon. Favicon The compact favicon uses the plate without the large tile margin. DESIGN GUIDE / v1.0 / 08 SEP 2026 12 / 20 ## 13 / Buddy ORIGIN89 / PLATE 89 BUDDY A capable helper with a familiar face. Warm brown fur, a dark muzzle, broad antlers and tapered cloven hooves. Short legs, soft shoulders and a round belly. A familiar face. Transparent portrait for introductions and explanations. The whole character. Full character with a transparent background. DESIGN GUIDE / v1.0 / 08 SEP 2026 13 / 20 ## 14 / Expression library ORIGIN89 / PLATE 89 EXPRESSION LIBRARY A face that follows the moment. Use a front-facing close-up on green for small avatars. Wider portraits belong in website scenes and illustrations. Welcoming Here to help. Explaining Make the next step clear. Thinking Work through the question. Delighted Celebrate a confirmed result. Concerned Something needs attention. Surprised An unexpected change. USE A STILL POSE BESIDE READINGS. EXPRESSIONS SUPPORT THE MESSAGE; LABEL THE ACTUAL STATE. DESIGN GUIDE / v1.0 / 08 SEP 2026 14 / 20 ## 15 / A little personality ORIGIN89 / PLATE 89 A LITTLE PERSONALITY Small legs. Big curiosity. A rounded tongue peek, relaxed eyes with the same camera, soft coat and studio lighting as the main portrait. A LIGHTHEARTED INTRODUCTION Buddy Small legs. Big curiosity. Use this pose in introductions, optional character moments and celebrations. Keep concerned and neutral expressions available when the message needs care. LARGE: TRANSPARENT PORTRAIT / SMALL: GREEN CIRCLE DESIGN GUIDE / v1.0 / 08 SEP 2026 15 / 20 ## 16 / Assistance in context ORIGIN89 / PLATE 89 ASSISTANCE IN CONTEXT Buddy belongs beside the task. Origin89 Offgrid North cottage Overview BATTERY 78% Updated 4 s ago Cottage temperature 18.4 C Measured Ask Buddy Explain a reading or plan a check. DESIGN PREVIEW / SAMPLE DATA ORIGIN89 DOCS / TROUBLESHOOTING A probe stopped reporting. Start with the last reading and its timestamp. A missing reading needs investigation before a setting is changed. Buddy The last reading was 12 minutes ago. Check the probe connection, then check whether readings resume. Show the checks DESIGN PREVIEW / EXAMPLE ASSISTANT COPY DESIGN GUIDE / v1.0 / 08 SEP 2026 16 / 20 ## 17 / Hardware and print ORIGIN89 / PLATE 89 HARDWARE AND PRINT The same identity, made physical. Artwork placement study. Keep manufacturing details in the controller's approved mechanical and electrical sources. STATUS ORIGIN89 Simple control. Your way. Origin89 Controller PRINT / MARKING: USE FLAT OUTLINED ART AND THE KNOCKOUT FILES. DESIGN GUIDE / v1.0 / 08 SEP 2026 17 / 20 ## 18 / Layout system ORIGIN89 / PLATE 89 LAYOUT SYSTEM Room for the product. Room for the person. Your site. At a glance. Bring the equipment that matters into one clear view. Explore Offgrid 01 Lead with a useful statement Name the site, task or outcome before the technology. 02 Give one visual the lead One hero render per section. Keep labels flat and sharp. 03 Use a consistent rhythm Spacing: 4, 8, 16, 24, 40, 64 px. Align artwork to the same grid as copy. EXAMPLE WEB LAYOUT / 24 PX GUTTERS / 40 PX SECTION PADDING DESIGN GUIDE / v1.0 / 08 SEP 2026 18 / 20 ## 19 / Voice and motion ORIGIN89 / PLATE 89 VOICE AND MOTION Helpful language. Deliberate movement. Say what happened "No new reading for 12 minutes." Include the observation, timestamp and useful next step. Explain a choice "Choose which equipment appears in this view." Use concrete verbs and respect the site owner's configuration. Avoid a false promise Do not say "Everything is safe" or imply that an assistant suggestion has already changed equipment. Buddy proposes. The user decides. Keep proposed changes separate from measurements and confirmed actions. Surface uncertainty and missing information. Motion direction: 180-240 ms fades or small pose transitions. No perpetual bobbing beside live readings. Reduced motion uses a still pose. STILLS + KEYED SOURCE POSES INCLUDED. DESIGN GUIDE / v1.0 / 08 SEP 2026 19 / 20 ## 20 / Handoff ORIGIN89 / PLATE 89 HANDOFF A kit you can keep working with. logos/ 23 outlined SVGs + 2000 px transparent PNGs icons/ Flat + 3D PNG sizes, favicon SVG / PNG / ICO blender/ Four identity scenes; Buddy lives in its own shared source renders/ Studio and transparent PNGs with render metadata tokens/ CSS + JSON palette snapshot and measured contrast fonts/ Michroma, Inter Tight, IBM Plex Mono + OFL licenses source/ Rebuild, render, export, guide and packaging scripts Working-source status Buddy has one editable model with a 22-bone rig. Front-facing avatars use green circles. Wider portraits and full-body images stay transparent. Run pnpm brand:avatars after front camera or expression edits, brand:export after composition edits, or brand:rebuild after model edits. REFERENCE + LICENSES Font sources + OFL WCAG contrast minimum HEX VALUES MEASURED; SEE CONTRAST REPORT. DESIGN GUIDE / v1.0 / 08 SEP 2026 20 / 20 ## Sources - Font binaries and OFL: https://github.com/google/fonts/tree/main/ofl (Michroma, Inter Tight, IBM Plex Mono). - Contrast guidance: https://www.w3.org/WAI/WCAG22/Understanding/contrast-minimum.html - Product color snapshot: packages/tokens/src/palette.mjs, 2026-09-06. - Direction: 01-plate-89.png in the repository concept archive. Native geometry is an original redraw.