Visual foundation
Austin, Texas · Residential Remodeling
Nail & Beam
A warm, architectural, and tactile foundation for a premium residential remodeling studio — calm, trustworthy, and approachable without leaning into dark luxury clichés.
Max content width
1240px
Grid mindset
12 / 8 / 4
Core radius
16px / 8px / pill
Color styles
Warm Canvas
#F3F0E8
Soft White
#FBFAF6
Forest
#173D35
Terracotta
#C76543
Sand
#D8C8AF
Charcoal
#222421
Moss
#7C8C72
Typography styles
Display XL — crafted homes with a steady hand
Heading H1 — rooms that feel resolved
Heading H2 — warmth, proportion, and honest materials
Heading H3 — planning, build, finish
Body Large — A calm voice for describing scope, process, and design decisions without overselling the work.
Body — Manrope keeps the system practical and clear for project explanations, service descriptions, and homeowner guidance across the site.
Body Small — Details, captions, helper text, and secondary notes.
Eyebrow / Label — technical but restrained
Button — Schedule a consultation
Layout foundation
Spacing scale
Scale: 4, 8, 12, 16, 24, 32, 48, 64, 88, 112
Radius and columns
Desktop uses a 12-column mindset; tablet should simplify to 8 columns and mobile to 4 columns when responsive breakpoints are added.
Buttons
Schedule a consultation
View process
Focus states should keep a visible Terracotta outline against warm and white surfaces.
Kitchen remodel
A quieter plan for daily living
A basic content card with tactile color, measured radius, and enough contrast for trustworthy project storytelling.
Reusable assets
Components
Reusable Framer components for actions, service storytelling, project previews, navigation, and footer structure — all using the established Nail & Beam foundation.
Button component
Card components
Service Card / Default
Service Card / Hover Preview
Project Card / Default
Whole-home · Austin, Texas
Warm modern renovation in Travis Heights
Project Card / Hover Preview
Whole-home · Austin, Texas
Warm modern renovation in Travis Heights
Navigation and footer components
Navigation / Desktop
Navigation / Mobile preview on phone breakpoint
Footer / Desktop
Footer / Mobile preview on phone breakpoint