Back to the homepage
EN FR

Brand identity

BetterSite

One letter, before and after.

The BetterSite mark is a B built from two website blocks. The top one is the site you have today. The bottom one is the site we rebuild.

The mark

What the B means

  1. 1Outlined top bowl

    Your current website: a frame that still stands, drawn in warm stone grey.

  2. 2The grey line

    Dated content inside it: a single bar, like an old layout waiting for work.

  3. 3Solid terracotta bowl

    The rebuild: wider, filled, in our terracotta. Same foundation, better result.

Both blocks share one straight spine on the left, because we keep what works (your content, your name, your customers) and rebuild the rest. Read top to bottom, the B tells the whole service: before, then after.

Logo files

Every version, ready to use

All files are SVG vectors: sharp at any size, no fonts required.

Colors

Warm cream, steady navy, one terracotta accent

  • Cream

    #FBF7F2

    Page background: warm, like good paper

  • Navy

    #1F2A44

    Headings, text and the word “Better”: the trust color

  • Terracotta

    #C2553A

    The “after”: the rebuilt bowl, “Site”, big highlights

  • Terracotta dark

    #A8432B

    Buttons, links and small accent text

  • Sage

    #4A6A52

    Checkmarks and confirmations

  • Stone

    #8A8178

    The “before”: the outlined bowl

Terracotta is the warm signal that means “better”. Keep it for the rebuilt bowl, buttons and key highlights; let cream and navy do the rest.

Typography

Inter Bold, tightened

BetterSite

The wordmark is set in Inter Bold with slightly tight letter-spacing, then converted to outlines so it looks identical everywhere. “Better” is set in navy; “Site” takes terracotta, so the name repeats the before-and-after of the mark.

Usage

Keep it recognizable

  • Leave clear space around the logo equal to the height of the top bowl.
  • Do not go below 20 px for the mark or 96 px wide for the full logo.
  • Use the files as they are: do not recolor, stretch, rotate or add effects.
  • On dark backgrounds, photos or color use the white logo; for one-color print use the black one.

Need another format? Email us at bettersite@luongnv.com