S.L. MACON STYLE GUIDE
A native Atomic reference for the S.L. Sausage Company website system.
TYPE HIERARCHY
Teko is the display face, Barlow Semi Condensed is the body face, and Caveat is the handwritten accent. Inter remains on existing utility-label presets.
HERO DISPLAY / COME HUNGRY
H1 / WELCOME TO S.L. MACON
H2 / COME SEE WHAT IS BEHIND THE COUNTER
H3 / FAVORITES BECOME TRADITIONS
H4 / FRESH CUTS AND FAMOUS SAUSAGE
H5 / YOUR NEIGHBORHOOD MARKET
H6 / OPEN DAILY 7 A.M. TO 7 P.M.
Good Food. Familiar Faces. Fresh from the counter EYEBROW / PREPARED FOODSBody Large / We have done the hard part, so it is easy to enjoy the food you love.
Body / Fresh fruits and beautiful vegetables for the week ahead, tonight's meal, or whatever looks too good to leave behind.
Good food. Familiar faces.
BRAND PALETTE
Each swatch is driven by a native color variable and a reusable Atomic background class.
Primary Red
color-primary / #F0140A
Deep Maroon
color-maroon / #341210
Oxblood
color-oxblood / #581A1B
Butcher Brown
color-ink / #231513
Warm Charcoal
color-text / #403A37
Mid Gray
color-gray-mid / #8A8481
Light Gray
color-gray-light / #D7D1CD
Bone
color-bone / #F3EEE6
Warm White
color-paper / #FFFDF9
White
color-white / #FFFFFF
Buttons / Light backgrounds
sl-button-dark
sl-button-outline-dark
Buttons / Dark backgrounds
sl-button-light
sl-button-outline-light
SPACING AND WIDTH
Content width: layout-content-max / 80rem
Desktop section padding: space-16 block / space-4 inline
Tablet section padding: space-12 block / space-3 inline
Mobile section padding: space-8 block / space-2 inline
Default content gap: space-3 / 1.5rem
S.L. SAUSAGE COMPANY IN MACON
5615 Zebulon Road / Macon, Georgia / Open 7 days a week / 7 a.m. to 7 p.m.
We Will See You Next Time!Torn paper
Source 05.png / sl-border-paper-top / sl-border-paper-bottom
The torn edge follows this section's background color. Both top and bottom variants are shown here.
Neighboring section / warm white
Rustic paper
Source 07.png / sl-border-rustic-top / sl-border-rustic-bottom
The torn edge follows this section's background color. Both top and bottom variants are shown here.
Neighboring section / warm white
Waxed paper / Light
Soft folds from Random_paper_01. Add sl-texture-wax-light to a light-colored section.
Waxed paper / Dark
Add sl-texture-wax-dark to a dark-colored section. The background color stays yours.
Crumpled paper / Light
More visible folds from Random_paper_06. Add sl-texture-crumpled-light to a light-colored section.
Crumpled paper / Dark
Add sl-texture-crumpled-dark to a dark-colored section. Shown with sl-border-paper-top.
Your neighborhood market.
Exceptional food. Familiar faces. Always something good to take home.
Favorites become traditions.
You try something. You love it. Before long, it is just part of what your family does.