The Seconds Co
Brand Book.
The icon, both typefaces, the Blue Aura palette, the twenty-one expressions, the voice, and the real files. Thirteen parts, one place.
One page. The whole system.
The whole system on one sheet. The icon sets the tone. Denim carries the identity, indigo points at what matters, cyan informs, mint confirms, and the neutrals do most of the work. Manrope says it loud. Inter says it clearly. Four colour rules keep it quiet enough to read, starting with 60/30/10.
Read top to bottom, or jump.
Thirteen parts. Take what you need and skip the rest. This book grows exactly as fast as the brand does, and not one page faster.
The highest compliment
is Seconds.
Naples, Florida. Two restaurants, both ours: Joe's Naples Park Diner and The Sauce Lady Market. We own them, we staff them, we work them.
A clean plate. A hand up. One more, please.
Nobody asks for seconds to be polite. They ask because the first plate was that good, and because stopping felt like a mistake. That is the only review we chase. It happens once by luck. It happens every night by design.
The regular who used to eat alone at the counter now brings their kid. Two plates where there used to be one. We do not measure that in quarters. We measure it in decades, one earned plate at a time.
Quality drifts. Staff churn. The regular who came in twice a week stops coming, and nobody notices for a month. Growth usually makes it worse, because what made the first room good was a person, and people do not scale by being asked to try harder.
So we write it down. The schedule, the prep list, the training, the ordering, the way a regular takes their coffee. Then we build it into software and hand it to whoever walks in next.
Every system ships to Joe's and The Sauce Lady first: the schedule, the prep list, the training, the ordering. Real tickets, real staff, real complaints, every night. If it cannot survive a Saturday rush in Naples, it does not leave the building.
Work OS runs the shift. Learn OS trains the crew. Service OS handles the guest in front of you. Three tools, one job, and all three are built for the floor rather than the office above it.
We earn the right to sell a tool by running on it in front of paying guests, before anyone else has to trust it. That order never reverses.
Nobody comes back for a concept. They come back because someone remembered how they take their coffee.
That is the first thing a busy Saturday takes from you, so we write it down and build it into the tools. The restaurants earn the trust. The software makes sure we do not lose it on a Tuesday.
Our mission is thirty years of good nights. Places where people ask for seconds, and where a first-timer comes back the next day. Doing that once takes a good cook. Doing it for three decades takes systems, so we build the systems too. We are a restaurant company that had to become a technology company to keep its promise.
Our vision is that the whole restaurant runs on those systems, not just the office. The host stand, the line, the walk-in, the schedule, the new hire on their first Friday. Head office already has software. The floor mostly does not.
The compliment we live for cannot be bought, marketed, or coasted on. It is cooked, served, and earned again tomorrow night.
The crew makes the food. The food makes the regulars. The regulars make the business. Take care of the order, in that order.
You will find us at the counter on a slow Tuesday and a packed Saturday. If we ask someone to do a job, we have done that job, and we will do it again tonight.
Clean menus, level tables, hot plates hot and cold plates cold. Nobody writes a review about a level table. Everybody notices the one that wobbles.
To guests, to staff, to partners. No jargon, no spin, no fine print. Good news gets said out loud. Bad news gets said first and fixed fast, never managed.
Every service teaches something, if you are paying attention. We ask what we learned today. The answer changes tomorrow’s service.
Warm, sharp, unhurried, honest. The way our best people come across at the counter is the way Seconds Co should come across everywhere else.
Here is what we are, and are not:
One blue. Everything breathes.
One blue, worn in. Denim carries the identity. Indigo points at what matters, cyan informs, mint confirms. Neutrals do the work, and text is always Ink.
Neutrals do 60% of any page, denim 30%, all accents together 10%. If a page feels colourful, it is wrong.
Never two accents in the same card, slide, or paragraph. If two things both need attention, one of them does not.
Cyan and mint fail contrast on white. Words use the deep versions, #0B6DA0 and #12A594. Brights are for chips, stripes, dashes and washes.
The palette is cool on purpose. Never fix a cold page with orange. Fix it with a better photo.
If a page feels colourful, it is wrong.
Two faces. No exceptions.
Everything breathes.
700 for titles, 800 for statements. Tight letter-spacing, big sizes, short lines. Never for paragraphs.
400–500 for reading, 600–700 for labels and buttons. Never for headlines.
Five heading steps, one eyebrow label, three text steps, two measures. Every heading in this book snaps to a step and nothing carries a size of its own. Heading steps run fluid with clamp() and the ceiling in the table is the step itself, so the scale holds from a 320px phone to a 1920px display. Leading is 0.94 on the display step, 1.04 on every other heading step, 1.62 on every text step. Nothing else.
| Step | Size | Where it goes |
|---|---|---|
--fs-display | 140px, fluid from 46px | The hero headline. Once per document, never twice. |
--fs-h2 | 88px, fluid from 38px | Section titles, and full bleed statements. |
--fs-h3 | 60px, fluid from 30px | Headings inside a colour field. |
--fs-h4 | 36px, fluid from 24px | Group headings, and statements inside a panel. |
--fs-h5 | 22px | Chapter card titles and subheads. |
--fs-eyebrow | 12px uppercase, .14em tracked | The label that sits above a heading. |
--fs-body | 15px | Every paragraph in the book. There is no second body size. |
--fs-small | 13px | Captions, meta lines, download labels. |
--fs-micro | 11px | Chips, badges, numerals, icon labels. |
Body copy runs to --measure. The ch unit is the width of a zero, so 62ch lands near the 66 to 75 character band that reads best. Set it in ch and it tracks the font instead of drifting when a size changes.
Copy inside a card runs to --measure-narrow, 44ch. In most grids the card is narrower than that and the card wins, which is the point. Two measures exist. There is never a third.
Two plates. One asking for more.
A full plate, and a second one arriving. That is the name, drawn plain. The lockup is the signature. The icon travels alone once the name is already in the room.
The icon is not an abstract shape. It is three things we care about, added together: the plate you finished, the plate you asked for, and the table you sat at. Read it left to right and the name explains itself.
Nothing enters the zone. × equals the width of the small plate. It is the minimum; give the logo more room whenever you can.
The space between icon and wordmark equals the plate hole (o). Icon and wordmark never move, resize, or recolour relative to each other.
Twenty-one outfits in all, and one geometry underneath every one of them. These eight are the approved set. The first six are the everyday files. The last two are expressive: campaigns and big moments only, one expression per piece, never as the app icon. All twenty-one are in the grid below.
Twenty-one more outfits, each its own file. The first three are animated. Everything below, animated or flat, downloads as its own SVG.
Twenty-one expressions of the two-plate icon: three animated, six flat colourways, twelve pattern-and-texture treatments. Three of the names echo the approved set. The files are different, and the geometry never is.
The icon gets misused everywhere it travels: social profiles, slide decks, print runs, partner lockups, guest photography. Check the platform before you ship anything with the icon on it.
- Lockup on Surface, white, or Tint backgrounds.
- Icon alone for avatars, favicons, stamps. Minimum 24px.
- When the logo and type share a left edge, they align flush.
- Recolour, outline, shadow, rotate, or stretch it.
- Place it on photos without a wash behind it.
- Redraw the plates. There is one mark.
The plates do the talking.
One plate down, a second on its way. Six moves, and every one of them is drawn from the icon.
Our marker for an ordered set: a dash, then a number or a letter. It is the plate doing work, not decoration. If the order does not matter, use plain text instead.
The section divider. A full plate, a second one sliding in, and a rule that fades out to make room. Use it wherever you would draw a line.
Ripples spread out from a plate, like the buzz around a good table. They breathe on screen and hold still in print.
A different element, and the one you will see most. Every eyebrow starts with a dash: the pause before you say the thing. Indigo by default.
Denim, mint, indigo in one thin band: the identity, the confirmation, the point. Bottom edge of covers and footers. Never thicker than 10px.
Two callouts. That is the whole system. No red boxes, no yellow warnings, nothing orange.
Drawn from the plates.
Fifteen pieces for the site, decks, and campaigns. We draw when a photo is too literal and words are too slow: circles and arcs from the icon, one accent, lots of air.
Six canvases for deck covers, video, and site heroes: the plate as atmosphere across denim, indigo, mint, and gulf cyan. Quiet, big, ours.
Small marks, same recipe.
Twenty-four marks, one recipe: a 24px grid, a 2px rounded stroke, Ink on white, and one dot of colour at most. That is how a set this size still looks like one hand drew it. Click any icon to download its SVG.
Seconds
Cutlery
Chef
Coffee
Breakfast
Burger
Pizza
Bowl
Dessert
Wine
Beer
Ice cream
Takeout
Delivery
Hours
Reservations
Location
Phone
Wi-Fi
Payment
Receipt
Reviews
Favourites
Gift card- Draw on the 24px grid, 2px stroke, rounded caps and joins.
- Ink on white or Surface. Denim when active or selected.
- Keep shapes open and simple; one idea per icon.
- No filled icons, no two-tone, no gradients inside icons.
- No mixing stroke weights or borrowed icon sets.
- No more than one accent dot, ever.
The warmth lives here.
Photography has two jobs: make the food glow, and pull everything else into our world. Four tints, three libraries, and a shot list that covers every kind of post we make. The photographs themselves are booked, not taken. Every card below is a slot waiting on the shoot.
Every placeholder gets replaced with a real photograph from our own rooms. Nothing here will ever be stock.
Four overlays that pull any photo into the brand. Each is a PNG you layer on top in Apple Photos, Canva, or Adobe Express. No skill required. Download, drop on, done.
Three collections, pre-tinted, ready for the website and presentation section dividers. Placeholders hold each slot until the shoots; the labels are the shot list.
Golden, warm, alive. Natural light, steam still rising, sauce still moving. Shot on the real table, in the real room.
Overhead and 45°, tight enough to feel the texture.
Serving, passing, tearing bread. People eat with people.
Half-finished plates, crossed forks. The ask-for-Seconds moment.
The counter, the regulars, the crew. Real faces, no posing.
- Minimum 1200×800, JPEG, natural light first.
- Uber Eats cover: 2880×2304 (5:4), food only, no people, no logos.
- Every dish in landscape and square crops. Keep originals.
- Stock photography. One stock burger kills the whole promise.
- Cold, blue-tinted food. If it looks refrigerated, reshoot it.
- Heavy filters, fake steam, cluttered prop flat lays.
Say it like you mean it.
Write like you talk to a regular at the counter.
Someone who comes in twice a week. You do not pitch them. You do not perform for them. You tell them what is good today, you say it once, and you mean it. Every caption, menu line, email, and job post gets held to that.
Short sentences. Concrete words. “Breakfast until 2.” needs no follow-up. It already said the thing.
Verb first, no wind-up, no throat-clearing. If you would not say it to a regular's face, do not type it either.
We, not “the company.” Contractions are fine. Warmth is fine. The only thing that is not fine is distance.
“70 years between them” beats “legendary” every time. Back the claim with the fact, or leave the claim out.
It is “Seconds Co” everywhere, capital S, capital C. Never “Seconds” on its own, never possessive, never a verb. One name covers both arms of the company, the restaurants and the software. The restaurants keep their own names: Joe's Naples Park Diner and The Sauce Lady Market are separate businesses, and both get written out in full.
If it would sound ridiculous said across a counter, it does not get written down.
One brand, three voices. Seconds Co is the operator, calm and direct. Joe's Naples Park Diner and The Sauce Lady Market each get their own guide. Never blend the three.
The brand, out in the world.
Signs, print, screens, the everyday email. When you are building something new and you are not sure, match this page.
every size.
Three ways in, one row: equal buttons, equal gaps, one callout underneath. These are a specimen, not working controls. In the product they open pickup, delivery and the booking flow.
Company OS is how Seconds Co runs itself: documents, decks, boards, workspace. Restaurant OS is the product we sell to restaurants, and it is a different thing with a different name. They never share a template.
Every doc starts from the Seconds Co Word template in part 12. Runbooks, memos, offers, all the same skeleton.
Statement covers on denim or brand art. One accent per slide. Numbered plates for agendas and steps. If a slide needs three colours, it needs two slides.
Plain names, numbered sections, same as this book: 01, 02, 03. Priorities use words, not colour soup.
Everyone runs the avatar, the Meet background and the email signature from part 10. Day one of onboarding, before the first meeting.
Start from the template.
One document, one sheet, one slide deck, each built on the brand already. Start here instead of a blank page. Upload any of the three to Google Drive and it converts to Docs, Sheets or Slides with the branding intact.
The ideal stack on the cover, Manrope headings throughout, plate dividers between sections, and the stripe on the footer.
A palette reference tab plus a clean working tab, denim headers, no borrowed spreadsheet styles.
Six slides: a statement cover, an agenda, three content layouts, and a closing slide with the stripe.
Take the real files.
The files people ask for most often, all source-of-truth. The whole kit ZIP holds every asset in this book. Never screenshot the logo. It always looks worse and someone will notice.
Look like us everywhere.
Denim field, the plates, the name, the Seconds stripe. Upload it as it comes, or hand it to a designer as the base layer.
Every platform.
Everywhere · the universal avatar
One file, five profiles: LinkedIn, Instagram, X, Facebook, and the Google Meet background below. Upload the same 1024 square to each and never crop it.
LinkedIn
Instagram
X
Facebook
Post examples · three types, three tints
Three post types, three tints. Thought leadership on LinkedIn runs the denim tint with a statement overlay. Restaurant pictures run golden hour, untouched food warmth. Naples pictures run gulf cyan with the stripe. Grab the matching tint overlay from the Photography section and drop it on in Apple Photos or Canva.
The expressive set · campaign posts
The expression system in the feed: statements, the dotted plate, mint moments, the ring pattern. Use for launches and campaigns; the covers above stay constant.
Google Workspace