reDesign
Start a project
Start a project

Yellowstone Advisors. We designed and built Yellowstone Advisors’ website.

Client
Yellowstone Advisors
Year
2026
Services
Website design, design system, implementation
Team
reDesign, with reLabs
Yellowstone Advisors home page: the headline on the left, a ranger with binoculars looking over a misty mountain valley on the right

The challenge

Yellowstone Advisors presents advisory services to government agencies and prime contractors. The website needed to explain its capabilities and make registration details easy to locate alongside the work it offers.

We designed the page hierarchy, landscape imagery, service cards, and credential layouts as one system. The presentation gives services room to explain the offer while keeping the firm’s identity and registration information close at hand.

The Yellowstone Advisors home page on a phone
The home page introduces the firm, explains its services, and closes with credentials. Forest green, gold, and consistent headings connect those different reading tasks.
Public pages in the documented scope
10
The local website README lists ten public routes. This is implementation scope, not a launch or usage result.
Service lines
3
Healthcare, technology, and facilities, each with a page of its own.
Golds, down from five
2
Eight greens became four, and nine off-whites became three.

We connected the visual identity to the firm’s origin.

Art direction

The firm’s story begins beside the Yellowstone River. Landscapes carry that origin into the website: a valley introduces the firm, a waterfall accompanies its story, and forest green, gold, and paper connect the sections.

Our story: an illustrated waterfall and river in deep greens beside the story copy
Service cards, industry examples, the approach diagram, and credentials answer different questions. Shared color and type roles keep the sections connected without giving them identical layouts.

We separated brand colors from their interface roles.

Design system

The design-system audit found the same pale green used for dividers, hover fills, and textures. We separated those roles so each could change with its background. The documented palette consolidation reduced five golds to two and eight greens to four.

Color

  • Forest

    The brand green, from the darkest card to the hairline on dark.

    1. Dark card#0D2719
    2. Forest#0D351F
    3. Raised#15402A
    4. Line#1E4D33

  • Gold

    Two golds where there used to be five.

    1. Gold#A5882E
    2. Bright gold#C9A23F

  • Paper and ink

    Warm neutrals for pages, lines and text.

    1. White#FFFFFF
    2. Paper#F6F3EA
    3. Cream#EFEADE
    4. Stone#D8D6C9
    5. Sage#757A6B
    6. Ink soft#44514A
    7. Ink#16241C

Type

  • Archivo

    800

    Purpose. Precision. Performance.

    Headings

  • Open Sans

    400

    Strategy, technology, and execution.

    Body text

  1. Heading 159px
  2. Heading 246px
  3. Heading 324px
  4. Large19px
  5. Body15px
  6. Small14px
  7. Extra small12px

Lucide

  • Plus
  • Search
  • Trash 2
  • Inbox
  • Moon
  • Sun
  • Mountain
  • User Circle
  • File Text
  • Arrow Left
  • External Link
  • History
  • Copy
  • Bar Chart 3
  • Users 2
  • Users
  • Bot
  • Eye
  • Arrow Up Right
  • Command
  • Bold
  • Italic
  • Heading 2
  • Heading 3
  • List
  • List Ordered
  • Quote
  • Link
  • Undo
  • Redo
Surface, text, divider, and interaction roles define how the palette is applied. Archivo carries headings; Open Sans supports the longer service descriptions.

We made services, sectors, and credentials distinct to scan.

The registration card: the SDVOSB seal, UEI, CAGE code, ten NAICS codes and SAM.gov status
The registration card groups identifiers with their labels, separate from promotional copy. The fixed hierarchy gives these details a consistent place to be read.
A capability card: Healthcare Transformation with a photograph and five services
Capability cards pair a service name with a photograph and a short list. The shared structure lets readers compare the scope of each offer.
An industry card: Government Health and Human Services on a photograph
Industry cards place a green fade behind the title, separating the text from the detail in each photograph.
The framework: six steps joined by one gold line on forest green
A continuous gold line connects the six stages of the firm’s approach. The diagram presents their order without turning them into six separate calls to action.

We composed the landscape around the headline and credentials.

The hero

The sky, valley, ranger, and badge are separate layers. That separation lets the landscape change shape around the headline and actions while the credential keeps a distinct position in the composition.

The film shows the four layers of the pre-launch hero. The valley supplies depth; the headline, actions, and badge remain the information the composition supports.

On phones, we put the message before the landscape.

The phone layouts lead with the headline and actions, then the ranger. Service cards stack for reading, while the certification line shortens in the utility bar.

Credits

Team

  • reDesign Design, design system, and build
  • reLabs Engineering

Built with

  • Astro and GSAP
  • A React admin
  • Cloudflare Workers and D1
  • Claude and Claude Code

Next project: Ortellis

Ortellis. An identity and website connecting three ways to work with Ortellis