Samara

Samara

Discover Samara's Backyard homes and ADUs. Elevated design, expertly crafted. Fast and easy installation. Solar-powered and future-ready.

3.0
12
Visits
Visit

Available Pages

Version History

Design Analysis

Samara Home design analysis

Builder Blue Pastoral Modernism is a light-first residential system that uses editorial restraint, pale natural surfaces, and decisive blue action moments to make modular housing feel trustworthy instead of speculative....

Overview

Builder Blue Pastoral Modernism is a light-first residential system that uses editorial restraint, pale natural surfaces, and decisive blue action moments to make modular housing feel trustworthy instead of speculative. The overall impression should be calm, architectural, and rooted in real landscapes.

Image Direction

Photography should do most of the persuasion. Favor sunlit exteriors, wide property views, and quiet domestic moments with believable materials, muted greenery, and generous negative space. Product or process diagrams should stay minimal and feel like planning artifacts, not startup illustration sets.

Colors

The palette is mostly mineral neutrals with one high-confidence construction blue. Use the charcoal frame for navigation and occasional dark bands, then let pale off-white fields dominate the reading experience. Keep blue concentrated in primary actions, key links, and select directional details rather than spreading it across large backgrounds.

Typography

Use an editorial sans with low-weight drama for headlines and a more stable companion cut for body text. Headlines should feel architectural and measured, with tight tracking and clean line breaks. Supporting copy stays readable and understated, never overly compressed or aggressively bold.

Design.md

System Overview

Core identity and authoring metadata from the refto.one design model.

Builder Blue Pastoral Modernism

A residential marketing system built from ink-black framing, pale mineral surfaces, bright builder-blue actions, and generous architectural imagery.

architectural, calm, premium, and grounded in landscape realism

Primary mode: lightresidential architecture marketingproduct-marketing

Theme

Fields outside the primary renderer remain visible here as structured fallback content.

Visual atmosphere
Summary
architectural, calm, premium, and grounded in landscape realism
Density
4
Variance
3
Motion
2
Signals
black shell framing · soft mineral background · builder-blue CTA · large home photography

Colors

Primitive palettes and resolved token colors for the active preview mode.

Palette colors
Charcoal Frame
#101214
Mineral Canvas
#F7F7F0
Porcelain Field
#FDFDF7
Builder Blue
#0096F7
Cloud Border
#D8DDD8
Ink Body
#1A1D1F
Soft Gray Copy
rgba(26, 29, 31, 0.62)
Usage rules
Keep most surfaces pale and breathable so photography carries the emotion.
Reserve builder blue for intent actions and sparse directional emphasis.
Use black as framing, not as the dominant fill for the whole experience.

Token Spacing

Spacing scales rendered as tokens with a simple length specimen.

xs
6px
sm
10px
md
16px
lg
24px
section
96px

Token Radii

Corner radii tokens with a live surface sample.

sm
10px
md
16px
lg
24px
full
999px

Typography Families

Font families from the current design YAML, including fallback stacks and usage character.

Display
Regola Light
high-end editorial sans with architectural poise
Body
Regola Book
quietly premium reading voice
Mono
Regola Regular
utility variant for compact labels when needed

Typography Scale

Top-level typography scale rendered as live text specimens.

Display
clamp(3rem, 6vw, 5.5rem)/—
Display
H2
clamp(2rem, 4vw, 3.4rem)/—
H2
Body
1rem/—
Body
Caption
0.8125rem/—
Caption

Typography Rules

Fields outside the primary renderer remain visible here as structured fallback content.

Rules
Use low-weight, oversized headlines with disciplined line breaks. · Keep body copy restrained and airy rather than dense. · Avoid playful or techy type treatments that would break the architectural tone.

Motion

Motion tokens rendered as resolved values for timing and personality.

Duration
180ms-320ms
Easing
cubic-bezier(.22,.9,.2,1)
Spring
stiffness 110, damping 18

Motion

Resolved motion token values.

PropertyValue
duration180ms-320ms
easingcubic-bezier(.22,.9,.2,1)
springstiffness 110, damping 18

Layout Principles

Favor long horizontal bands with one large media object or view at a time.
Let photography breathe with wide margins and controlled copy widths.
Use alternating light and dark sections to separate commercial narratives.

Component Preview

Low-complexity component tokens rendered as design-system specimens.

Buttons primary
Base Attributes
Background
#0096F7
Text
#FFFFFF
Border
1px solid #0096F7
Radius
24px
Padding
13.5px 18px
Min height
44.5px
Buttons secondary
Base Attributes
Background
#FFFFFF
Text
#1A1D1F
Border
1px solid #D8DDD8
Radius
12px
Padding
10px 18px
Min height
41px
Buttons signal
Base Attributes
Background
#FF4000
Text
#FFFFFF
Border
0px none #FF4000
Radius
12px
Padding
0px 18px
Min height
45px
Shadow
0 0.5px 2px rgba(0, 0, 0, 0.12)
Cards default
Feature Card
Component preview content
Base Attributes
Background
#FDFDF7
Text
#1A1D1F
Border
1px solid rgba(26,29,31,0.08)
Radius
16px
Padding
24px
Shadow
none
Cards dark band
Feature Card
Component preview content
Base Attributes
Background
#101214
Text
#F7F7F0
Border
1px solid rgba(255,255,255,0.08)
Radius
24px
Padding
32px
Shadow
none
Navigation desktop
OverviewFeaturesDocs
Base Attributes
Background
#101214
Text
rgba(255,255,255,0.72)
Height
64px
Active text
#FFFFFF
Item padding
0.5rem 0.75rem
Item radius
999px

Image direction

Schema-agnostic optional blocks from the design YAML. New option keys render here automatically.

Summary
Use warm, high-resolution lifestyle and architectural photography with real terrain, sunlight, and generous sky.
Guidance
  • -
    Prefer wide exterior shots and calm interior moments.
  • -
    Keep props believable and domestic, not staged like luxury retail.

Anti Patterns

Compact list of patterns the design system explicitly avoids.

  • -
    No startup-neon gradients or futuristic chrome.
  • -
    No dense dashboard card grids as the lead composition.
  • -
    No ultra-rounded playful geometry that cheapens the home category.
  • -
    No cold tech-blue backgrounds replacing the pale natural field.