Lowe DESIGN.md

Brands

Home improvement retail with deep blue trust cues, clean retail structure, and project-friendly browsing. Lowe's public site uses a blue-led brand frame, white surfaces, and straightforward shopping modules for…

Raw DESIGN.md

At a glance

Group: Brands
Main color: #004990Blue design systems
Fonts: Helvetica Neue SF Mono

Colors in this file

#e1e7f0
Unnamed
#004990
Unnamed
#111827
Unnamed
#0b63ce
Unnamed
#ffffff
Unnamed
#f5f7fa
Unnamed
#6b7280
Unnamed

Home improvement retail with deep blue trust cues, clean retail structure, and project-friendly browsing. Lowe's public site uses a blue-led brand frame, white surfaces, and straightforward shopping modules for tools, appliances, and project categories.

1. Visual Theme & Atmosphere

Overall Aesthetic

Lowe's feels like practical home improvement shopping with a slightly calmer retail tone than orange-heavy competitors.

Mood & Feeling

Practical
Helpful
Blue-trust retail
Project-friendly
Mainstream

Design Density

High density. Many categories and promos, but framed clearly.

Visual Character

Deep blue brand framing
White product and promo surfaces
Utility-first category hierarchy
Home project guidance modules

2. Color Palette & Roles

Token	Hex	Role
`--lowes-blue`	`#004990`	Primary brand accent
`--lowes-blue-bright`	`#0B63CE`	Support/action blue
`--lowes-white`	`#FFFFFF`	Main surface
`--lowes-surface`	`#F5F7FA`	Background
`--lowes-ink`	`#111827`	Text
`--lowes-muted`	`#6B7280`	Secondary text
`--lowes-border`	`#E1E7F0`	Borders

3. Typography Rules

Font Stack

css--font-display: "Helvetica Neue", Arial, sans-serif;
--font-sans: "Helvetica Neue", Arial, sans-serif;
--font-mono: "SF Mono", Menlo, monospace;

Type Scale

Hero 48/700, H1 34/700, H2 26/700, Body 16/400, Small 14/400

Typography Philosophy

Use practical, high-legibility retail type for project and product discovery.

4. Component Stylings

css.button-primary { background:#004990; color:#fff; border:none; border-radius:999px; min-height:42px; padding:0 18px; font-weight:700; }
.button-secondary { background:#fff; color:#111827; border:1px solid #e1e7f0; border-radius:999px; min-height:42px; padding:0 18px; }
.card { background:#fff; border:1px solid #e1e7f0; border-radius:14px; }

5. Layout Principles

Spacing Scale

4, 8, 12, 16, 24, 32, 48px

Layout Behavior

Prioritize search and major home project categories
Keep promo and seasonal retail modules clear
Use blue for trust and structure

6. Depth & Elevation

Lowe's uses light retail separation with borders and simple card modules.

7. Do's and Don'ts

Do

Keep it practical and project-friendly
Use blue to anchor the experience
Preserve clear retail hierarchy

Don't

Don’t overcomplicate the shopping flows
Don’t make the visual tone too playful or luxury-coded

8. Responsive Behavior

Breakpoints

Mobile <768px
Tablet 768px-1023px
Desktop 1024px+

Responsive Rules

Keep category/search access visible
Stack retail modules before over-compressing them

9. Agent Prompt Guide

textDesign this like Lowe's: blue-led home-improvement retail UI with white product cards, clear project-category browsing, practical search-first structure, and mainstream shopping clarity.

Use it with your agent

Save the file as DESIGN.md in your project root, then ask your agent to follow it for UI work. Or let the agent fetch it over MCP.

Download

curl -o DESIGN.md https://www.uiskillbook.com/design-md/lowes.md

MCP server

https://www.uiskillbook.com/mcp

MCP tool call

get_design_md({ "slug": "lowes" })

VMware

Brands · Segoe UI

Enterprise-ready consumer-simple design with strong action blue, compact controls, and reusable app structure. VMware’s Clarity system focuses on accessibility, consistency, and practical patterns for dense business…

Craft

Brands · New York

Modern document editor with a clean, minimal aesthetic — white canvas, soft brand blue, and content-first UI.

Yourator

Brands · Noto Sans TC

Yourator is Taiwan's startup-and-digital-talent job board, and its design reads exactly the way a stylish recruiting product for the tech crowd should: clean, bright, friendly, and quietly confident without ever…

Costco

Brands · Helvetica Neue

Membership retail with practical red-blue branding and warehouse-scale merchandising. Costco's public site uses white surfaces, brand blue and red, straightforward retail hierarchy, and practical shopping modules.

RIDI (리디)

Brands · Pretendard Std

RIDI's interface is a long-form reading room dressed as a storefront. It is the rare consumer surface in Korean tech that treats typography itself as the brand — the screen opens on a near-pure white canvas (#ffffff)…

Venmo

Brands · Scto Grotesk

Peer-to-peer payments with bright blue consumer-fintech energy and playful simplicity. Venmo's public site uses its iconic blue, white space, rounded consumer UI, and social payment framing.

All Design.md files Browse by font