Brand Identity System

The system that everything inherits from.

PNW Floor Design's brand system: logo construction, color palette, typography stack, and responsive logo behavior. Every other deliverable builds on these decisions.

PNW logo construction

Logo Mark

PNW color palette

Color Palette

PNW typography stack

Typography Stack

PNW responsive logo

Responsive Logo

Green
#5A7B69

Pink
#F48A8B

Charcoal
#131313

White
#FFFFFF

System Applied · Logo + Flyer + App + Website

PNW Floor Design complete brand showcase
Deliverables

The system, applied.

Three output streams from the brand system: a 60-screen mobile app, a full marketing website across three iterations, and a three-variant flyer family. Same logo, palette, type, voice.

Mobile App · 60 Screens

PNW Floor Design mobile app contact sheet showing 16 high-fidelity screens

Website · Three Iterations

PNW Floor Design website iteration 01

Iteration 01

PNW Floor Design website iteration 02

Iteration 02

PNW Floor Design website final iteration

Iteration 03 · Final

Print · Three Flyer Variants

PNW Floor Design flyer variant 01

Flyer 01

PNW Floor Design flyer variant 02

Flyer 02

PNW Floor Design flyer variant 03

Flyer 03

Outcome & Reflection

What this case study proves.

What landed
  • Complete brand system from logo to live product
  • End-to-end ownership: brief, IA, design, prototype
  • Pricing tiers grounded in real market positioning
  • Accessibility built in, not bolted on
  • Pak's 8-section creative brief applied verbatim
What I would do differently
  • Add testimonials section once the business launches
  • Build a before/after slider with real project photos
  • Reduce competing CTA variants on early iterations earlier
  • Add a financing options block for premium tiers
  • Ship a service-area SEO page per city
"Critical thinking is your strongest skill. Build custom design systems to stand out from generic UI components. Strong case studies are the most important strategy."

— Professor Min Pak, M.F.A.

Want the Full Walkthrough?

Open the live Figma prototype.

Every screen, every interaction, the full user flow from onboarding to project completion. Interactive.

Open Figma Prototype Discuss This Project