FishNChips fish emblem
Brand kitSaved draft · This browser only

★ FishNChips TX

Brand style guide.

Personal draft · Changes stay in this guide, not on the live website. Colors do not recolor stars embedded in photos or the original logo.

A new visual direction.

Administrator sign-in required · Uses Lovable AI creditsTeam sign in

01 · Full palette

25 brand & interface colors

#000000 · primary

#000000 · background

#000000 · texas-red

#000000 · gold

#000000 · oak

#000000 · saddle

Interface colors · text, surfaces, borders and states

#000000 · foreground

#000000 · primary-foreground

#000000 · card

#000000 · card-foreground

#000000 · secondary

#000000 · secondary-foreground

#000000 · muted

#000000 · muted-foreground

#000000 · accent

#000000 · accent-foreground

#000000 · gold-foreground

#000000 · texas-red-foreground

#000000 · border

#000000 · input

#000000 · ring

#000000 · popover

#000000 · popover-foreground

#000000 · destructive

#000000 · destructive-foreground

02 · Typography

03 · Logo

Download logo

04 · Lone Star

05 · Borders

Your brand draft

★

FishNChips TX

Fresh · Simple · Done right

Real food. Made fresh.

Pull up a chair. There’s always room at the long table.

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz · 0123456789

★

Born in Texas.

Love. Care. A little Lone Star warmth.

See the menuBrand kit

Star-linked rule

06 · Contrast checker

WCAG 2.2 · sRGB

Measuring draft colors…

FishNChips TX

Fresh · Simple · Done right

There’s always room at the long table.

Large text is at least 24 px, or 18.67 px bold. Transparency is composited over your draft page background. Ratings use unrounded ratios; previews use solid sRGB colors.

Brand combinations
Live contrast checks for brand text and meaningful borders against their adjacent surfaces.
CombinationRatioNormal AALarge AAAAA / UI
Body textforeground · backgroundNot scoredN/AN/AN/A
Secondary textmuted-foreground · backgroundNot scoredN/AN/AN/A
Navy buttonprimary-foreground · primaryNot scoredN/AN/AN/A
Red buttontexas-red-foreground · texas-redNot scoredN/AN/AN/A
Gold buttongold-foreground · goldNot scoredN/AN/AN/A
Paper textcard-foreground · cardNot scoredN/AN/AN/A
Soft surface textsecondary-foreground · secondaryNot scoredN/AN/AN/A
Muted surface textmuted-foreground · mutedNot scoredN/AN/AN/A
Accent textaccent-foreground · accentNot scoredN/AN/AN/A
Menu textpopover-foreground · popoverNot scoredN/AN/AN/A
Alert textdestructive-foreground · destructiveNot scoredN/AN/AN/A
Lone StarOn page background · 3:1Not scoredN/AN/AN/A
Star-linked borderOn page background · 3:1Not scoredN/AN/AN/A
Input borderOn page background · 3:1Not scoredN/AN/AN/A
Focus ringOn page background · 3:1Not scoredN/AN/AN/A

The 3:1 UI threshold applies to required control boundaries and meaningful graphics, not decorative stars or rules. A contrast pass alone does not establish full accessibility; photos, logo artwork and interaction states are not tested here.