# Nimbus Solutions — Brand & Style Guide (LLM-readable) > Machine-readable companion to /brand. Follow this when writing or cleaning up any > page so it stays on-brand. Generated from data/brand.yaml + data/company.yaml; the > CSS source of truth is assets/scss/main.scss. > HTML version: https://www.nimbussolutions.org/brand/ ## COLORS — four only (no other hues) - Nimbus Blue = #4CB2BC · CSS: var(--nimbus-blue) · The one accent — links, buttons, highlights, focus, active states, the blue word in the logo - Nimbus Grey = #222222 · CSS: var(--nimbus-grey) · Raised surfaces — cards, panels, plan tiers, section bands - Black = #000000 · CSS: var(--color-bg) · Page background, deepest surfaces, hover state for cards, text on Nimbus Blue - White = #FFFFFF · CSS: var(--color-white) · All text and headings on dark; opacities give muted text (.76) and hairlines (.14) ## TYPEFACES — two only - Display · Headings · Hero -> Oswald (var(--font-heading)): Condensed block sans, Bold (700). Every heading, the hero, plan prices. Uppercase in the header wordmark and the hero. - UI · Nav · Buttons · Labels -> Oswald (var(--font-eyebrow)): Uppercase, weight 600, .1em letter-spacing. Nav, buttons, eyebrows/overlines, and all small caps labels. - Body · Paragraphs -> Sentient (var(--font-body)): Serif, Light (300). Long-form paragraph and reading copy ONLY. Bold (700) for , italic for . Never used for UI. ## SPACING & LAYOUT (left/right margins live here) - Container (standard) = 1330px · var(--container) · Default content width. Centered, side padding clamp(1.1rem, 4vw, 2rem). This sets the left/right page margins. - Container (narrow) = 1040px · var(--container-narrow) · Prose and long-form reading width (legal pages, article bodies). - Container (wide) = 2500px · var(--container-wide) · Full-bleed bands (the plans row). Rarely used. - Section rhythm = clamp(3.5rem, 7vw, 6.5rem) · var(--section-y) · Vertical padding on every
. - Grid gap = clamp(1.25rem, 3vw, 2.5rem) · var(--gap) · Standard gutter between cards and grid items. - Corner radius = 0 · var(--radius) · Square corners everywhere. No rounded corners. ## PRINCIPLES - Dark theme: black page over a fixed night-sky photo background; content sits on Nimbus Grey panels or transparent bands. - Headings and all UI are Oswald (uppercase for header/hero/labels); serif (Sentient) is reserved for paragraph copy. - Every image goes through the Hugo pipeline (partial "picture.html" or resources.Get + .Resize); never reference a raw file. - Reuse global components and tokens (assets/scss/main.scss). Don't add one-off inline styles or per-page CSS. - Sections: .section (transparent, shows stars), .section--alt / .section--sand (translucent grey bands), .section--black (solid), .section--photo (image + scrim). - Reveal-on-scroll: add data-reveal to cards/items; the global observer animates them in. ## VOICE & COPY - Customer-forward: lead with the customer's pain (slow/expensive incumbents, contracts, data caps, the big-provider runaround), not with technology jargon. - Plain, local, confident. Minimal acronyms; keep 'licensed spectrum' and deep tech on the Network page. - No em-dashes or en-dashes anywhere in copy. - Customer reviews are verbatim — never edit, trim, reword, or invent reviewer locations. - Never fabricate facts, names, prices, or coverage. Pull figures from data/ (plans, company) so they stay consistent. - Restraint over maximalism: clean grids, generous space, one accent (Nimbus Blue) used sparingly. No glows, watermarks, or busy effects. ## REUSABLE COMPONENTS (use these, do not reinvent) - Buttons: .btn with .btn--primary (solid Nimbus Blue, black text), .btn--outline (blue outline), .btn--light (white outline, for photo/hero overlays). Flat, square, uppercase Oswald. - Sections: .section + one of .section--alt / .section--sand (translucent grey bands) / .section--black (solid) / .section--photo (cover image + scrim; set background-image inline from a Hugo-processed resource). - Eyebrow/overline: (uppercase Oswald, Nimbus Blue) above an

. - Cards: .cards grid of .card (image via partial "picture.html" in .card__media, content in .card__body); add data-reveal for scroll-in. - Interior hero: partial "page-hero.html" (front matter: heroLabel, heroImage, heroAlt, heroFocus, subtitle). - Container widths: .container (1330), .container--narrow (1040), .container--wide (2500). - Every image: partial "picture.html" (dict "src" "images/x.jpg" "alt" "..." "sizes" "...") OR resources.Get + .Resize. Never a raw to an unprocessed file. ## BUSINESS FACTS (data/company.yaml — single source; never hardcode these) - Legal name: Nimbus Solutions, LLC (a.k.a. Nimbus Solutions); founded 2017 by Michael Halls. - Slogan: Fast, local internet. No contracts, no runaround. - Address: 32 Long Hollow Lane, Durango, Colorado 81301 (37.2753, -107.8801) - Phone: (970) 759-3662 · Email: support@nimbussolutions.org - Area served: Southwest Colorado, Four Corners; counties: Montezuma County, La Plata County, Dolores County. - Towns with pages: Cortez, Dolores, Dove Creek, Hesperus, Lewis, Mancos. - Plans figures: from data/plans.yaml (startingPrice $50, topSpeed a gigabit). - Summary: Nimbus Solutions is a founder-owned, locally operated wireless internet provider (WISP) serving rural Southwest Colorado since 2017. We deliver fast, reliable fixed-wireless internet with no contracts and no data caps over a licensed LTE/5G network we build and maintain ourselves, backed by local technicians who show up in person. ## PUBLIC PAGES - Our Story -> https://www.nimbussolutions.org/about/ - Accessibility Statement -> https://www.nimbussolutions.org/accessibility/ - Commercial & Enterprise Solutions -> https://www.nimbussolutions.org/commercial-enterprise-solutions/ - Contact Us -> https://www.nimbussolutions.org/contact/ - Coverage Area -> https://www.nimbussolutions.org/coverage/ - Cortez -> https://www.nimbussolutions.org/internet/cortez-co/ - Dolores -> https://www.nimbussolutions.org/internet/dolores-co/ - Dove Creek -> https://www.nimbussolutions.org/internet/dove-creek-co/ - Hesperus -> https://www.nimbussolutions.org/internet/hesperus-co/ - Lewis -> https://www.nimbussolutions.org/internet/lewis-co/ - Mancos -> https://www.nimbussolutions.org/internet/mancos-co/ - LTE & 5G Network Consulting -> https://www.nimbussolutions.org/lte-5g-consulting/ - Network Management Policy -> https://www.nimbussolutions.org/network-management-policy/ - Our Network -> https://www.nimbussolutions.org/network/ - Order Service -> https://www.nimbussolutions.org/order/ - Plans & Pricing -> https://www.nimbussolutions.org/plans/ - Privacy Policy -> https://www.nimbussolutions.org/privacy-policy/ - Residential Internet -> https://www.nimbussolutions.org/residential-internet/ - Smart Agricultural & Industrial Services -> https://www.nimbussolutions.org/smart-agricultural-industrial-services/ - Terms & Conditions -> https://www.nimbussolutions.org/terms-and-conditions/ - Why Nimbus -> https://www.nimbussolutions.org/why-nimbus/