Brand direction

Little Bend is a small-batch cut flower farm in Camp Dennison, Ohio. The brand draws from two visual worlds: the crisp black-ink linework of tattoo flash sheets and the natural, saturated color of farm photography.

Tattoo flash aesthetic

Hand-drawn illustrations function like traditional flash art — bold, symmetrical, iconic. Always black ink on white/cream. Never colorized. Used as decorative elements, section dividers, and accent graphics.

Photography carries emotion

Farm photography is the only source of color on the site. Full-bleed heroes, editorial still-lifes, candid field shots. No stock. Nothing staged. The monochrome framework makes every photo feel vivid.

White space is structural

Generous margins and breathing room aren't decorative — they give weight to every element that appears. Less crowded than typical e-commerce. Closer to a gallery or editorial publication.

Sharp edges, soft voice

No rounded corners on buttons, cards, or containers. The geometry mirrors the clean lines of tattoo work. But the copy is warm, human, and direct. The contrast is the brand.

Color palette

The site lives in black and white with one green anchor. All other color comes from photography. If you're adding a color that isn't here and isn't from a photograph, stop and reconsider.

Core palette

Ink
#1A1A18
color/ink
Primary text, headings, buttons, illustration linework
Cream
#FAF9F4
color/cream
Page background, button text on dark backgrounds
White
#FFFFFF
color/white
Card backgrounds, input fields, alternating section backgrounds
Farm Green
#3B6E4A
color/green
Primary accent. Sparse: hover states, active states, key highlights
Green Tint
#E8F0EA
color/green-light
Callout backgrounds, success states, early bird banner
Green Dark
#2A5035
color/green-dark
Text on green tint backgrounds
Secondary Text
#6B6960
color/text-secondary
Body copy, descriptions, nav links, paragraphs
Earth
#8B7D6B
color/earth
Labels, captions, section labels, metadata, tertiary text
Border
#E0DDD5
color/border
Dividers, card borders, section separators, table lines
Earth Light
#E8E2D8
color/earth-light
Photo placeholders, sketch placeholders, subtle backgrounds

Section backgrounds

Alternate between cream and white to create visual separation between page sections. No borders needed — the background shift does the work.

CREAM — Hero, Products, Footer
WHITE — Practices, Instagram

Typography

Two typefaces. Vollkorn for presence, DM Sans for clarity. No exceptions.

Heading font — Vollkorn

Hero tagline Vollkorn Italic 400 · 20px · 1.6 line-height

Seasonal flowers grown by hand in Camp Dennison, Ohio.

Page title (H1) Vollkorn 400 · 32px · 1.3 line-height

Flowers on your schedule

Section heading (H2) Vollkorn 400 · 22px · 1.35 line-height

The way flowers are supposed to grow

Card / product title (H3) Vollkorn 400 · 18–24px · 1.3 line-height

Flower Subscription

Price display Vollkorn 400 · 18–22px

$40

Body font — DM Sans

Body copy DM Sans 400 · 16px · 1.75 line-height · color: text-secondary

Low-till methods, cover cropping, on-farm amendments, and native plantings that feed the soil. We don't ship flowers across the country or force varieties out of season.

Small body / descriptions DM Sans 400 · 14px · 1.65 line-height · color: text-secondary

Weekly, bi-weekly, or monthly. Fresh-cut bouquets all summer, delivered Saturday morning or ready for pickup.

Section label DM Sans 500 · 11px · uppercase · 0.15em spacing · color: earth

What we offer

Navigation links DM Sans 400 · 13px · 0.02em spacing · color: text-secondary

Subscribe    Send a Bouquet    Our Story    FAQ    Contact

Button text DM Sans 500 · 14px · 0.02em spacing

Subscribe

Helper / caption DM Sans 400 · 12px · color: text-secondary

We deliver within the I-275 loop.

Font weights in use

Vollkorn: Regular (400), Italic (400i)
DM Sans: Light (300), Regular (400), Medium (500), Regular Italic (400i)

No Bold (700) anywhere. Heaviness comes from the serif, not from bold sans.

Spacing

Generous by default. The emptiness gives weight to everything that appears.

Section padding
80px
Subsection gap
56px
Component gap
48px
Content gap
32px
Element gap
16px
Tight gap
8px

Layout constraints

Content max-width: 640–720px (checkout pages, text content)
Wide max-width: 880px (footer, multi-column layouts)
Body text max-width: 560px (for comfortable line length)
Photos: full-bleed or constrained to 680px collage
Page horizontal padding: 40px desktop, 24px mobile
Mobile min tap target: 44px

Buttons

No rounded corners. All buttons are 44px+ height. Hover states invert fill and text. Full-width on mobile.

Primary — filled ink

Background: ink · Color: cream · Border: 1.5px solid ink
Hover: background transparent, color ink
Padding: 14px 36px · Font: DM Sans 500 14px · Letter-spacing: 0.02em

Secondary — outlined

Background: transparent · Color: ink · Border: 1.5px solid ink
Hover: background ink, color cream

Green — checkout confirmation only

Background: green · Color: cream · Border: 1.5px solid green
Hover: background green-dark, border green-dark
Usage: final checkout CTA only — used very sparingly

All buttons together

Form inputs

Labels always above inputs. No border-radius. 1.5px border, darkens to ink on focus. Inline validation on blur.

We deliver within the I-275 loop.

Cards & containers

Content card (white on cream)

What happens next

Content goes here. White background creates subtle elevation against cream page background.

Background: white · Border: 1px solid border · Border-radius: 0
Padding: 24–32px · No drop shadows. No rounded corners.

Callout — bordered

Save 10% — pay upfront

Lock in your subscription for the full season.

Border: 1.5px solid ink · Padding: 36px 40px · Text-align: center
Used for important CTAs like early bird callout

Inline callout — green tint

Save 10% — pay upfront before June 1st. Only 15 delivery slots available.

Background: green-light · Padding: 14px 18px
Text: 13px, color green-dark · Used inside product rows

Illustration system

The hand-drawn illustrations are the brand's most distinctive visual element. Tattoo flash meets folk botanical. Always black ink on white/cream. Never colorized.

Do

Use as graphic texture at small sizes. Place where photography isn't needed. Use as section breaks. Render as SVG for crisp scaling. Use single flowers as bullet markers or inline elements.

Don't

Don't colorize. Don't use at hero scale competing with photos. Don't apply shadows or effects. Don't stretch or distort. Don't use as backgrounds behind text (unless 3–5% opacity).

Scale guidance

Logo mark: 120–400px wide. Botanical repeat: full-width border, 40–60px tall. Sun motif: 80–160px standalone. Single flower: 16–24px inline.

Vectorize for web

Convert all illustrations to SVG. Preserve the hand-drawn quality in vector paths — don't clean up or smooth linework. The imperfection is intentional.

Photography

The only color on the page. Every photo should feel like an editorial still-life or a candid moment on the farm.

Direction

Natural light only. Shallow depth of field on details. Wide angle for land. Hands in frame when possible. Morning light preferred for warmth.

What to shoot

Bouquets in natural settings. Field rows at golden hour. Hands cutting, arranging, wrapping. The land itself. Close-ups of stems. The truck on delivery morning.

Avoid

White-background product shots. Overhead flat-lays. Grocery store energy. Filters or heavy grading. Stock photography of any kind.

Technical

Min 2000px wide for heroes. WebP with JPEG fallback. Lazy load all images. Full-bleed on heroes (no padding). Gallery: 2–3 columns desktop.

Voice & copy

The copy should read like it was written by the people who grow the flowers. Short sentences. No marketing jargon. Say what you mean.

Do

"Grown here. Cut fresh. Delivered Saturday."

Don't

"Premium artisanal floral arrangements delivered to your doorstep."

Do

"Skip any week by Wednesday noon — no questions asked."

Don't

"Our flexible subscription allows you to modify your delivery schedule."

Do

"Delivery isn't available at your address yet. Pickup is available every Saturday."

Don't

"We're sorry, this zip code is not in our delivery area."

CTA language

"Subscribe" / "Send a Bouquet" / "Complete subscription" / "Place order"
Plain action words. No "Get started!" or "Join now!" or exclamation points on buttons.

Page inventory

Every page on the site with its slug and purpose.

Homepage
/
Logo illustration, tagline, overlapping photos, practices intro, product rows, Instagram feed.
Subscribe
/subscribe
3-step checkout: cadence → delivery/pickup → payment. Routes to Stripe Checkout.
Send a Bouquet
/send
2-step checkout: day + method → payment. Gift toggle with recipient fields.
Subscription Confirmed
/confirmation
"You're in!" — next steps, manage subscription link, Instagram follow.
Order Confirmed
/order-confirmed
"Order placed!" — delivery details, gift note confirmation, subscribe upsell.
Account / Portal
/account
Email lookup → Stripe Customer Portal. Cancel, update card, view invoices.
FAQ
/faq
Accordion FAQ: subscriptions, bouquets, delivery, the farm. 17 questions.
Our Story
/story
How it started, growing practices, values grid, first season context.
Contact
/contact
Email, Instagram, farm location, pickup hours, commercial inquiry callout.