Love Sunday
Say hello

The brand media kit

The whole look,
in one place.

Marks, colour, type, photographs, film and words. Every file the team reaches for, the rule that goes with it, and where each value was measured.

mark exports
11
lockup artworks
4
colour tokens
11
typefaces
3
photographs
12
films
2

Everything on this page is read off the folder when it is built; nothing is typed in by hand, and the suite fails when the page and the files disagree. Downloads are the files the site actually serves.

01 · The mark

One sun, one face.

A red disc with a heart for an eye. It paints with the colour of whatever it sits in, so one file is every colourway, and its face is a mask, so it sits correctly on pink, on white and over a photograph.

Drawn in landing/img/mark.svg · rules in love-sunday.css §7

  • On paper
  • On the mat
  • On blush
  • On a red fill
  • Over a photograph

Colour rules

  • On paper, mat or blush the mark is --red. Always the true red — the mark is never set in --red-ink, that token is for words.
  • On a red fill (.s-red, .btn-sun) the mark is --mat.
  • Over a photograph the mark is --mat, or --red on a mat-coloured disc.

Size rules

  • Never below 20px, except as a text bullet (1em of body copy ≥ 17px).
  • .mark--nav 32px · .mark--bullet 1em · .mark--sun and .mark--anchor are the two big suns, sized to the viewport and capped.

Sizes the stylesheet sets: .mark--nav 2rem; .mark--bullet 1em; .mark--sun clamp(6rem, 28vw, 13.5rem) (96 → 216px: the hero); .mark--anchor clamp(7.5rem, 38vw, 17rem) (120 → 272px: the contact section); .mark--stop 1.5rem (the full stop at the end of the page).

Motion

The sun rises on arrival and winks once on hover in the nav. Everything else on a page is light moving or a print settling, driven by the reader's scroll and never by a clock: 160ms fast, 320ms standard, 900ms slow, easing cubic-bezier(0.2, 0.7, 0.2, 1) out and cubic-bezier(0.6, 0, 0.2, 1) through, a rise of 18px. 23 named keyframes in all, and under reduced motion every one of them is simply finished.

Files

  • mark.svgSVG · currentColor · 2 KBThe source. Takes its colour from wherever it is placed.
  • mark-red.svgSVG · 2 KBThe mark in the true red, as it sits on paper, mat or blush.
  • mark-mat.svgSVG · 2 KBThe mark in mat, for a red fill or over a photograph.
  • mark-red-1024.pngPNG · transparent · 1024×1024 · 33 KBThe mark on nothing: for placing over any of our surfaces.
  • mark-mat-1024.pngPNG · transparent · 1024×1024 · 32 KBThe mat-coloured mark, for sitting over a photograph or on a red fill.
  • mark-red-on-paper-1024.pngPNG · on #FEDEED · 1024×1024 · 28 KBThe same mark on the pink ground, for places that flatten transparency.
  • avatar-1080.pngPNG · on #FEDEED · 1080×1080 · 29 KBProfile picture. The disc is 80% of the frame, so a circular crop keeps the whole face.
  • icon-512.pngPNG · on #FEDEED · 512×512 · 13 KBWeb app icon, purpose any.
  • icon-512-maskable.pngPNG · on #FEDEED · 512×512 · 12 KBWeb app icon, purpose maskable: the disc sits inside the 80% safe zone.
  • icon-192.pngPNG · on #FEDEED · 192×192 · 5 KBWeb app icon at the small size.
  • apple-touch-icon-180.pngPNG · on #FEDEED · 180×180 · 4 KBHome-screen icon for iPhone and iPad. Apple flattens alpha to black, so it is on paper.
  • og-brand-1200x630.pngPNG · on #FEDEED · 1200×630 · 92 KBThe share image for this page: the sun and the name, as the site's own masthead sets them.

Rasters rendered by Chromium 151.0.7922.34 from mark.svg 1bf85bc90f29. The build refuses a page whose exports are older than the mark.

02 · The wordmark

love, then sunday.

The name as artwork: love in a high-contrast italic serif for the feeling, sunday in a bold geometric sans for the weight, with MARKETING AGENCY, ESTD 2012 and the smiley beneath. It is supplied as pictures and is never reset in live type.

Recovered artwork in _brand/logo/, catalogued in _brand/BRAND.md

Default mark. Cream on ink, 410×410.lovesunday-lockup-dark-square.png · 410×410 · 20 KB · sha256 edea51de54Download the PNG
Cream on ink, 1095×1500. `-v2`/`-v3` are re-encodes of the same artwork.lovesunday-lockup-dark-portrait.png · 1095×1500 · 34 KB · sha256 024ee1a6edDownload the PNG
Red wordmark over the olive/martini photograph, 410×410.lovesunday-lockup-photo-square.png · 410×410 · 359 KB · sha256 6d61d44127Download the PNG
1095×1500
2.5 MB
download only
As above, 1095×1500. `-v2`/`-v3` are re-encodes.lovesunday-lockup-photo-portrait.png · 1095×1500 · 2.5 MB · sha256 99f0e171adDownload the PNG

Read this before using a lockup. These four files are the only wordmark artwork that exists, and they wear the studio's previous palette: cream #EEEDE9 on ink #1B1B1B, and the wordmark red #FE1817 over the photograph. The site's palette (below) is pink ground, plum ink and #FE1717. They sit together because they share the red and the sun; a wordmark drawn in the site's palette is the first item under what we still need.

The archive also holds the same four artworks as eight files in _brand/lovesunday_branding/ (re-encodes of each other, kept verbatim because the archive is a primary source). Use the four above.

03 · Colour

Pink ground, red sun, plum ink.

Two colours are fixed by the identity. Everything else is derived from them, and every pair that carries words was measured against the surface it truly sits on. The numbers here are recomputed from the hexes at build time and checked against what the stylesheet states.

Declared and measured in love-sunday.css §2 · lifted verbatim into _ops/client.css for every operator room and client page

Fixed by the identity

  • --red#FE1717

    the mark, the accent, the call to action. Display type only.

  • --paper#FEDEED

    the ground. Pale pink; the brand colour verbatim at first light.

Type

  • --ink#3B1C24

    body copy. Warm plum-brown, red-leaning so it belongs to the pink.

  • --ink-soft#7D4B53

    captions, meta, secondary copy. Still AA on every surface.

  • --red-ink#BD1212

    red that carries words: links, labels, small CTAs, outlined buttons.

Surfaces

  • --mat#FFFDFB

    warm white: the mat of a framed print, cards, the browser frame.

  • --blush#FBCFE1

    a deeper pink: chips, insets, the empty-frame ground, hover fills.

  • --sky#FFF1F6

    the top of the sky; a lift behind the hero. Not a text surface.

  • --glow#FFD9C2

    the sun's halo and warm highlights. Not a text surface.

Lines and shade

  • --line#EFC6D3

    hairlines on paper; overridden by color-mix() below where supported

  • --line-strong#E1A9BC
  • --shadow-inkrgb(74 30 40 / 0.20)

    the colour of shade; warms through the day

Red is a mark, never a sentence.

Bright --red measures 3.16:1 on the pink ground, which passes only the large-text rule: 24px and up, or 18.66px bold. So it carries the mark, the accent and the call to action, and nothing anyone has to read in a paragraph. --red-ink is the same hue darkened until it clears AA on every surface of the day, and it is the red that carries words: links, labels, small buttons.

Two tokens, on purpose, so that someone reaching for “the red” cannot lose the distinction.

Every pair that carries type

Text on surfaceRatioFloorVerdict
Aa --ink on --paper12.26:14.5AA, any size
Aa --ink-soft on --paper5.62:14.5AA, any size
Aa --red-ink on --paper5.18:14.5AA, any size
Aa --red on --paper3.16:13large type only
Aa --ink on --blush10.97:14.5AA, any size
Aa --ink-soft on --blush5.03:14.5AA, any size
Aa --red-ink on --blush4.64:14.5AA, any size
Aa --ink on --mat15.02:14.5AA, any size
Aa --ink-soft on --mat6.89:14.5AA, any size
Aa --red-ink on --mat6.35:14.5AA, any size
Aa --red on --mat3.87:13large type only
Aa --mat on --red3.87:13large type only — the big CTA: bold, >= 20px
Aa --mat on --red-ink6.35:14.5AA, any size
Aa --paper on --red-ink5.18:14.5AA, any size

WCAG 2.1 relative luminance, computed here from the two hexes. If a stated figure in the stylesheet ever stops matching, this page refuses to build.

The day

The page is lit by one value, --sun: first light at the top, golden hour at the end. The paper warms in hue, never in value, so the type pairs above hold at every stop and the site never goes dark. Reduced motion rests at mid-morning.

  • First Light
    --sun 0

    #FEDEEDpaper#FBCFE1blush#FFFDFBmat#FFF1F6sky#FFD9C2glow

  • Eleven O'Clock
    --sun 0.35

    #FFE4EEpaper#FCD5E3blush#FFFFFFmat#FFFAFCsky#FFF0B8glow

  • Afternoon
    --sun 0.7

    #FFE1DFpaper#FCD1CFblush#FFFCF7mat#FFF3E8sky#FFD6A0glow

  • Golden Hour
    --sun 1

    #FFE2C8paper#FBD3B4blush#FFF8EEmat#FFE9C9sky#FFD29Bglow
The previous house style Cream, ink and the wordmark red, with four photography tones. Still worn by the phone icon and the app manifest.
  • --ls-red#FE1817

    the wordmark red, measured off the lockup

  • --ls-ink#1B1B1B

    field of the dark lockups

  • --ls-cream#EEEDE9

    the wordmark on the dark lockups

  • --ph-blush#E0D0D0

    photography tone, never type

  • --ph-warm-tan#C0A090

    photography tone, never type

  • --ph-olive#606040

    photography tone, never type

  • --ph-olive-light#809050

    photography tone, never type

Measured off the recovered lockups and campaign frames and recorded in _brand/BRAND.md; declared in _ops/templates/tokens.css, which the web app manifest, the iOS app and the generated dashboards still read. Retiring it is a person's edit, written up under what we still need.

04 · Type

Glad, then serious.

Fraunces to feel it, Figtree to say it, DM Mono to note it. The brand is a red smiley and the studio is serious, and both have to be true in the type.

Faces, scale and roles in love-sunday.css §4 · files in _brand/fonts/web/, SIL Open Font License

Your business, seen with Love.

Fraunces · display · weight 500, "SOFT" 100, "WONK" 1 · italic at 400 · "Fraunces", "Iowan Old Style", "Palatino Linotype", Georgia, serif

Photography, film, social content and websites. Made by a Montana team of artists who see what makes your business yours. A friendly geometric grotesque with open counters and a true italic. Bold where it must be.

Figtree · text · 400–700 with italics · "Figtree", "Avenir Next", "Segoe UI", system-ui, -apple-system, sans-serif

FPV · 9:16 · last light · silent
Est. 2012 · Whitefish, Montana · № 01/01

DM Mono · notation · 400 · tracked 0.12em, uppercase, tabular numerals · "DM Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace

The scale

Steppx, phone → deskRoleDeclared as
--text-xs12 → 13notation, footnotesclamp(0.75rem, 0.72rem + 0.14vw, 0.8125rem)
--text-sm14 → 15captions, navclamp(0.875rem, 0.84rem + 0.16vw, 0.9375rem)
--text-base17 → 18bodyclamp(1.0625rem, 1.03rem + 0.16vw, 1.125rem)
--text-lg19 → 22lede, big buttonsclamp(1.1875rem, 1.10rem + 0.40vw, 1.375rem)
--text-xl24 → 32h3, pull linesclamp(1.5rem, 1.25rem + 1.05vw, 2rem)
--text-2xl32 → 48h2clamp(2rem, 1.55rem + 1.85vw, 3rem)
--text-3xl44 → 76h1, the hero promiseclamp(2.75rem, 1.95rem + 3.30vw, 4.75rem)
--text-4xl56 → 108the statement, aloneclamp(3.5rem, 2.20rem + 5.40vw, 6.75rem)

Display floor for bright red: 1.5rem. Leading 1.02 tight, 1.15 snug, 1.55 body. Display tracking -0.015em, caps 0.12em.

Pinned on the font link exactly as the stylesheet prescribes: roman 0,9..144,400..500,100,1, italic 1,9..144,400,100,1 — SOFT 100 and WONK 1, roman weights 400–500, italic at 400 only, optical size live from 9 to 144.

Space and shape

A 4px base: --space-1 0.25rem, --space-2 0.5rem, --space-3 0.75rem, --space-4 1rem, --space-5 1.5rem, then --space-6 to --space-9 as clamps that open with the viewport. Gutter clamp(1.25rem, 4vw, 4rem), page width 72rem, a paragraph at most 34em. Corners 6px, 14px, 24px and a pill; prints keep 2px corners. Nothing tappable under 44px.

Files

Self-hosted subsets served from this origin, the ones every client page and operator room loads. The public site still fetches the same faces from Google Fonts; switching it is listed under what we still need.

The previous faces

  • montserrat-vf.ttfTTF · variable · 727 KB · in the repo, not served
  • noto-serif-display-vf.ttfTTF · variable · 1.8 MB · in the repo, not served

Noto Serif Display and Montserrat, the type measured off the 2012-era client list. The five social artwork templates and the phone app still render in them.

05 · Photography

Light and airy, with a point of view.

The photographs the site is built from, at the sizes it serves them, each with the caption the page records for it. Natural light, colour worn well, people at ease.

Files in landing/img/ · captions read off landing/index.html and landing/team/index.html

01 · aerial-street.jpg · 720×1280 · 73 KBNot placed on any page; no caption recorded.Download
Looking down from above on a two-storey timber saloon with a balcony, people in period dress on the street below, rows of chairs set out, a mountain behind under heavy cloud.
02 · aerial-town.jpg · 720×1280 · 75 KBLooking down from above on a two-storey timber saloon with a balcony, people in period dress on the street below, rows of chairs set out, a mountain behind under heavy cloud.Download
Person in a bright pink knit beanie and a tan T-shirt with a sunset-print graphic, hair mid-flip, photographed from below against a pale ceiling.
03 · apparel-beanie.jpg · 640×640 · 43 KBPerson in a bright pink knit beanie and a tan T-shirt with a sunset-print graphic, hair mid-flip, photographed from below against a pale ceiling.Download
04 · bts-camera.jpg · 361×640 · 28 KBNot placed on any page; no caption recorded.Download
Hope Kauffman holding her camera against a pink studio backdrop.
05 · hope-kauffman.jpg · 448×560 · 18 KBHope Kauffman holding her camera against a pink studio backdrop.Download
A quiet morning in a hotel: a guest in a dark robe reads on a white bed, with coffee and a warm bedside lamp.
06 · hospitality-robe.jpg · 499×640 · 31 KBA quiet morning in a hotel: a guest in a dark robe reads on a white bed, with coffee and a warm bedside lamp.Download
07 · lifestyle-canoe.jpg · 480×640 · 44 KBNot placed on any page; no caption recorded.Download
A painting hanging in the gallery: bare winter birches in blues and blacks, snow below, a pale sky showing between the trunks.
08 · masterpiece-plate.jpg · 640×630 · 105 KBA painting hanging in the gallery: bare winter birches in blues and blacks, snow below, a pale sky showing between the trunks.Download
Seated portrait in a bright studio: a full hot-pink gown, a laptop balanced on one hand, dried grasses in white vases behind.
09 · portrait-studio.jpg · 640×640 · 38 KBSeated portrait in a bright studio: a full hot-pink gown, a laptop balanced on one hand, dried grasses in white vases behind.Download
Person in a pink, teal and white striped shirt sitting in a camp chair among trees, holding a small bottle of orange juice, silver rings on their fingers.
10 · product-juice.jpg · 480×640 · 47 KBPerson in a pink, teal and white striped shirt sitting in a camp chair among trees, holding a small bottle of orange juice, silver rings on their fingers.Download
Skincare products, held in good company: pale green bottles, white shirts, and sunlit denim.
11 · product-skincare.jpg · 480×640 · 35 KBSkincare products, held in good company: pale green bottles, white shirts, and sunlit denim.Download
12 · social-tile-disco.jpg · 640×640 · 46 KBNot placed on any page; no caption recorded.Download

These are web exports: the longest edge here is 1280px. 8 of the 12 are placed on a page today; the other 4 are served but unused. Full-resolution masters are Hope's and are not in the repo; see what we still need.

06 · Film

From the air, and up close.

The reels the site plays, silent, in both encodings, with the poster frame each opens on. Nothing here autoplays: press play.

Files in landing/video/ · dimensions and length read from each container's own header

FPV · 9:16 · last light · silent · 720×1280 · 31 s
  • drone-720.mp4MP4 · H.264 · 720×1280 · 5.4 MBPlays everywhere. Send this one.
  • drone-720.av1.mp4MP4 · AV1 · 720×1280 · 3.6 MBSmaller; the site offers it first to browsers that can decode it.
  • drone-poster.jpgJPEG · poster · 720×1280 · 72 KB
Drone · 16:9 · a wedding · silent · 1280×720 · 14 s

07 · Voice

Say it like Sunday.

Warm, plain and sure of itself. Short sentences. A joke allowed, a boast not. These are lines the site already says, read off the live pages at build time so they stay in step.

Read from landing/index.html, landing/team/index.html and the preamble of love-sunday.css

  • The line we work by

    Monday is the day you work. Sunday is the day you love.

    The stylesheet's own preamble

  • The promise

    Your business, seen with Love.

    The homepage headline

  • The signature

    A good eye. A lot of heart.

    Under the headline

  • The statement

    An artist’s eye for what makes your business yours. On your feed, in print, from the air, and on the web.

    The homepage, after the hero

  • Who we are, in a breath

    An artist-led studio in Montana

    The homepage eyebrow

  • What we make

    Photography, film, social content and websites. Made by a Montana team of artists who see what makes your business yours.

    The homepage lede

  • The invitation

    Let’s make something worth sharing.

    The contact section

  • Boilerplate

    Love Sunday is a creative studio in Montana. Artists with a shared eye and a love for what we make. Formerly Love Monday Media.

    The site footer

  • For search and previews

    Find your way into Love Sunday: Venue, NeuroDivine, Brand Management, Hkcameraface and the Waitlist. Your whole world of good things.

    The homepage meta description

  • The founder

    It started with Hope.

    The team page

  • The mark, in a sentence

    The mark is the sun.

    The stylesheet's own preamble

How to write it

  • Lead with the person, not the studio. “Your business, seen with Love.”
  • Name the craft plainly: photography, film, social content, websites.
  • Sunday is the feeling; Monday is the work. The brand exists to give the first back.
  • The name is two words, capitalised: Love Sunday. Formerly Love Monday Media, and the footer says so.
  • Red is for the sun. Words go in ink.

Handles and contact

08 · In the app

Where the brand lives.

The favicon, the phone icon, the masthead and the client pages: what the product wears today, including the parts that are behind.

landing/index.html · _ops/client.css · _ops/server/webapp.py · ios/LoveSunday

The favicon: the red sun.
The faviconSVG data URI · in every public page's headThe mark itself with color:#FE1717 set on its root, because currentColor has no parent in a favicon. Theme colour #FEDEED.
The web app icon: the cream wordmark lockup on ink.
The web app iconmanifest · 410×410 · purpose anyWhat “Add to Home Screen” installs from the operator app. Ink #1B1B1B behind it while it launches, the same file as the dark square lockup.
The iOS app icon: the cream wordmark lockup on ink.
The phone iconiOS · 1024×1024 · 35 KB · launch screen #1B1B1BStill the previous palette: the app's colours are generated from tokens.css, which a person edits by hand. Until then the rooms are pink and the home-screen icon is cream on ink.Download

The masthead

Love SundayCreative studio

The operator rooms and client pages wear an ink band under a red rule, and the band does not flip with the reader's theme: --band #3B1C24, --on-band #FBE7EF, --band-quiet #D2A8B6. Measured 12.91:1 and 7.27:1; the mark on it 3.88:1, a mark and never words.

Pages in the family

  • / Love Sunday | A whole world of good things
  • /team/ The Team — Love Sunday
  • /network/ Network — A new chapter of Love Sunday
  • /whitefish/ Whitefish, in another dimension — Love Sunday

Every one of them loads love-sunday.css and the same mark. Client portals, monthly reports and pitches load client.css, the palette and scale lifted from it verbatim with the fonts self-hosted, because those pages promise to load nothing from anyone else.

09 · Still needed

Not yet in the kit.

The gaps, with what each needs and who can close it. 8 to make, 4 partly there, 2 waiting on a person's hand.

Statuses computed where a file can prove them; the rest is judgement, and says so

  1. Needed

    The wordmark as vector, in the site's palette

    Only 4 PNG lockups exist, and no SVG. Anything printed large, cut in vinyl or set on a pink ground needs the name drawn as paths in #FE1717 and plum. A designer redraws from the artwork above; nobody resets it in live type.

  2. Waiting on a person

    The phone icon and app manifest in the site's palette

    They read tokens.css, which still declares ink #1B1B1B against the site's #3B1C24. A person applies the pending note in _ops/pending-skills/landing-palette-in-tokens.md and updates BRAND.md's ratio table in the same commit, or the gate fails, correctly.

  3. Partial

    A default share image for the site

    The homepage shares a 640×640 photograph and the team page a 448×560 portrait. This page ships a 1200×630 card of the sun and the name (above, under the mark); the site could adopt it, or a photograph cropped to that shape.

  4. Partial

    Full-resolution photography masters

    The kit serves web exports, longest edge 1280px. The originals are Hope's. A shared folder of masters, named as the site names them, lets anyone make print or a large crop without asking.

  5. Partial

    Team portraits

    1 portrait on the site, the founder's. As the team grows, one each on the pink wall, shot the same way.

  6. Needed

    A one-colour rule for the mark

    The stylesheet's rules cover red, mat and photographs. Print in one ink, engraving and embroidery need a stated answer for an ink-only sun, and it should be a decision, not a guess made at the printer.

  7. Needed

    A clear-space rule

    Nothing yet says how much room the sun and the lockups need around them. A proposal: the width of one eye for the mark, the height of the smiley for the lockups. Hope decides.

  8. Partial

    Social templates in the site's palette

    Five artwork templates exist (carousel, story, post, quote card, one-pager) and render in the previous cream, ink and Noto Serif Display. Which house style they should wear is an open question recorded in BRAND.md, and it is a person's to answer.

  9. Needed

    A motion sting

    Three to five seconds of the sun rising and winking, exported vertical and square, to open and close reels. The wink already exists in the stylesheet; it has never been rendered to film.

  10. Needed

    An email signature

    Name, role, Love Sunday · Whitefish, Montana, hello@ and the Instagram handle, in the site's ink with a small red sun. Plain HTML, and a text-only version for phones.

  11. Needed

    Stationery and decks

    A letterhead, a proposal cover and a presentation template. The pitches and monthly reports in the app already carry the masthead; the same shapes on paper and slides.

  12. Needed

    A watermark and credit stamp

    A mat-coloured sun with the handle, for photographs that leave our hands without a caption.

  13. Waiting on a person

    Self-hosted fonts on the public site

    The three faces are self-hosted at /_brand/fonts/web/ and every client page uses them. The homepage and team page still call Google Fonts, which shows Google the address of everyone who visits. Dropping the two links is a small change in landing/ and needs no protected file.

  14. Needed

    A voice guide beyond the lines above

    What we say about clients, how we write a caption, which words we never use. The captions skill knows some of this; a page here should say all of it.

Use it
with love.

Something missing from the kit, or a file you keep needing? Say so and it gets added here, not in a message thread.

Ask for a fileBack to the top