# Blinds Linen: Design System Spec

| **Picker tags** | `blinds home-services franchise soft-textile calm-coastal editorial` |

> Extracted from https://www.budgetblinds.com/ (captured 2026-08-24 from 770 fetched pages, five linked stylesheets, and six rendered template probes)
> Stack: Optimizely / EPiServer CMS, custom BEM theme, Bootstrap 4.1.3 base
> Asset completeness: focused signature set with two source logos and ten source photographs. Vimeo hero motion is represented by a source still.

## At-a-glance

| Field | Detail |
|---|---|
| **Business** | Budget Blinds, a North American custom window-coverings franchise |
| **Type** | Window treatments, in-home consultation, local franchise service |
| **Audience** | Homeowners choosing blinds, shades, shutters, drapes, and motorization |
| **Character** | Calm coastal, soft textile, editorial serif, locally reassuring |
| **Primary** | `#76c8df` |
| **Display** | DM Serif Display |
| **Body** | Nunito Sans |
| **Pattern count** | 47 source-backed SIGNATURE patterns |

## Voice anchors (verbatim)

- “We're Your local Window Blinds Experts”
- “UPGRADE YOUR WINDOWS NOW”
- “30 Years of Style & Expert Service”
- “Locally Owned, Nationally Backed”
- “Window Coverings for Every Need”
- “Stay Up to Date on the Latest in Window Treatment Trends”

The voice is direct and reassuring. Product language is practical, while large serif section headings carry the visual warmth. Calls to action are short and uppercase.

## Core assets

### Logos

- `assets/blinds-linen-brand/budget-blinds-logo-dt.svg` is the full desktop lockup.
- `assets/blinds-linen-brand/budget-blinds-logo-notag.svg` is the compact lockup.

### Photography

The source photography is bright, residential, and material-led. Rooms are neutral so window treatments carry the color and texture. Consultation imagery shows the in-home relationship instead of anonymous installation stock.

| Asset | Role |
|---|---|
| `consultation.jpg` | consultation, local-owner, and trust modules |
| `cordless-faux-wood-blinds-kitchen-norman-2.jpg` | national hero stand-in and blinds product story |
| `lafayette-drapery-springs-cellular-shades-living-room-7-1.jpg` | drapery and shades feature split |
| `bedding-bedroom-lafayette-budget-blinds.jpg` | bedroom / full-view alternate hero |
| `motorized-blinds-kitchen-web.jpg` | motorization and product rail |
| `roller_shades_living_room_more-products.webp` | roller-shade card and gallery |
| `drapes-1.jpg`, `drapes-2.jpg`, `drapes-3.jpg`, `drapes-alt-1.jpg` | product gallery, sliders, and inspiration board |

## Color system

The canonical register comes directly from rendered evidence: white, pale-aqua wash bands, charcoal text, and a light-blue rectangular CTA. Slate and teal support darker bands and link states. The three alternate palettes keep accent luminance aligned with the canonical values.

```css
--ink: #292929;
--paper: #ffffff;
--wash: #ebf2f3;
--wash-cool: #d9e1e5;
--cta: #76c8df;
--slate: #425866;
--slate-mid: #4a7d92;
```

## Typography

The live site loads both chosen faces directly, so no substitute is required.

| Role | Face | Treatment |
|---|---|---|
| Hero | Nunito Sans | uppercase, 400, tracked, white with soft shadow |
| Section heading | DM Serif Display | high-contrast editorial serif, compact leading |
| Body and UI | Nunito Sans | light-to-regular body, bold uppercase actions |

## Signature devices

1. Leaf-corner media uses opposing `160px 0` corners.
2. Dark variants use arch-top images with `50% 50% 0 0` radii.
3. The consultation wizard is pulled upward and welded to the hero with a 22px slate top border and centered pointer.
4. Hero motion is represented by a source still with a slow Ken Burns treatment and a reduced-motion off switch.
5. Long biography and local-information blocks end in a readable fade with a solid surface floor.
6. Sections alternate white, pale aqua, cool aqua, and warm gray to create the source rhythm.

## Catalog contract

Every entry in `sections.html` is marked SIGNATURE and carries its live source URL. Built pages compose only those catalog structures. The 47 entries reconcile the 88 authored BEM/main roots found in the crawl; folded roots are variants, state hooks, or nested controls rather than independent sections.

## Crawl scope

- Sitemap, navigation, footer, and body links were enumerated.
- 770 pages and five linked stylesheets were fetched.
- Six templates were rendered at desktop and phone widths.
- 4,357 internally linked URLs remain admitted gaps, predominantly territory pages, local blogs, locale variants, and legacy routes.
- Default and `en-ca` duplicates were verified where claimed. Unfetched `fr-ca` routes remain outside the completeness claim.

## Forbidden / off-brand

- No generic rounded SaaS cards as the default visual language.
- No pill-shaped primary buttons. Source CTAs are compact rectangles; only the source's sage outline treatment is rounded.
- No invented kickers, eyebrow labels, accent bars, or colored words inside headings.
- No dark luxury palette replacing the pale-aqua section rhythm.
- No decorative gradients without a solid readable ground.
- No stock photography that displaces the supplied residential and consultation images.
- No altered customer reviews, promotional claims, warranty terms, or location facts.
- No authored em dashes in rendered prose.

## Library position

This is the first kit in `BMG-design-systems` and the reusable seed for blinds, window treatments, local home services, and franchise systems. Its distinguishing ingredients are leaf-corner imagery, aqua wash rhythm, serif editorial section heads, and a hero-welded consultation form.