Brand guidelines · Version 1.0 · October 2026

designfit.ai

How designfit looks, moves and speaks: the logo, colours, fonts, shapes and tone of voice to use on every page, ad and post.

Download brand kitStart with the logo ›

01 · Brand

Design, backed by data.

designfit is the data-driven design studio of SearchFIT. Everything we make has to look premium and prove it works.

Promise

Premium design that ranks, converts and grows.

Personality

Confident. Precise. Calm.

Never loud, never vague. We let the work and the numbers talk.

The idea

A square of evidence. A curve of craft.

The mark is a grid square with a sun rising inside it. Structure plus creativity.

The family line: designfit designs. SearchFIT grows. Dayrun manages. D23 gives insights. Hoook connects.

03 · Construction

Built on one unit.

The mark is a square of side X. The sun is a quarter circle of radius X, anchored to the bottom-right corner.

Xr = XMark geometry on a 4 × 4 grid
designfit

Clear space is X ÷ 2 on every side. Nothing enters this zone: no text, edges or other logos.

Clear space
designfitLockup min: 96 px / 25 mm wide
Mark min: 16 px / 5 mm
designfitGap: 0.32 × cap size
Geist 600Tracking −40Wordmark type

04 · Variants

One logo. Every surface.

Pick the version that keeps the mark's square visible. The sun always stays Sun, except on a Sun background.

designfitPrimary · on White or Paper
designfitReversed · on Ink and dark mode
designfitOn Signal Blue
designfitOn Sun · quarter turns Paper
designfitOn Coral · wordmark Ink
designfitOne colour · Ink (print, stamps, engraving)
Mark · primary
Mark · reversed
App icon · rounded container
Avatar · circle crop

05 · Misuse

Please don't.

The logo only works when it's consistent. These changes break it.

designfitStretch or squash
designfitRotate
designfitRecolour
designfitAdd effects or shadows
designfitChange the typeface
DesignFitCapitalise
designfitLose the sun on Sun
designfitPlace on busy backgrounds

06 · Colour

Four colours. Used boldly.

Ink and Paper carry the page. Blue, Sun and Coral are accents. Use full, flat colour. No gradients.

InkText, logo, dark surfaces
#111111
RGB 17 17 17
CMYK 0 0 0 95
Signal BlueActions, links, data
#2D5BFF
RGB 45 91 255
Pantone 2726 C
SunThe mark, highlights
#FFC21A
RGB 255 194 26
Pantone 123 C
CoralEnergy, art, ads
#FF5B35
RGB 255 91 53
Pantone Orange 021 C
White
#FFFFFF
Paper
#F5F5F7
Muted
#6E6E73
Line
#E5E5EA

Balance

White + Paper 50%Ink 25%Blue 10%Sun 10%

Accessible pairs

AaInk on White · 18.9:1 · AAA
AaPaper on Ink · 17.4:1 · AAA
AaWhite on Blue · 5.2:1 · AA
AaInk on Sun · 11.6:1 · AAA
AaInk on Coral · 6.1:1 · AA
AaWhite on Coral · fails

07 · Typography

Geist, everywhere.

One family, tight tracking, big contrast between headline and body. Free and open source.

AaABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 $ % + → ✓Geist · Google Fonts
DisplayGeist 700 · 108/108 · −50
Look premium.
HeadlineGeist 700 · 80/82 · −45
Built to rank.
TitleGeist 700 · 34/37 · −35
Websites that convert.
LeadGeist 400 · 24/34 · Muted
Premium design, backed by data. Built to rank, convert and grow.
BodyGeist 400 · 18/28
We research search demand and competitors before we design, test variants after launch and measure every result in SearchFIT.
LabelGeist 600 · 15/20
Free AI search audit
تصميم يحقق النتائج.Arabic · IBM Plex Sans Arabic
设计必须带来成效。Chinese · Noto Sans SC

08 · Shapes

Six shapes. Endless art.

Every illustration is built from the mark's geometry. One shape per square, flat colour, never more than three colours per tile.

Circle

Quarter

Dome

Bowl

Ring

Bars (data)

09 · Motion

Everything breathes.

Motion is slow, calm and purposeful. It guides the eye. It never shows off.

Rise

Content enters on scroll. 600 ms, ease-out, 24 px.

Breathe

The sun scales 100 to 62%. 5 s loop. Logo only.

Float

Ambient art drifts. 6 s, gentle, infinite.

Draw

Data lines draw in. 1.6 s, ease-in-out.

Interface transitions: 250 ms. Hover lift: 2 px. Always respect the reduced motion setting.

10 · Voice

Say less. Prove more.

We write like we design: clear, short and backed by evidence.

Clear over clever.

If a reader has to think about what it means, rewrite it.

Benefits, not features.

Say what the client gets: more leads, more bookings, more visibility.

Numbers beat adjectives.

"Leads up 212%" beats "amazing results" every time.

Write this

Premium design, backed by data. Built to rank, convert and grow.

Is AI recommending you?

Websites from US$1K. Fixed scope. No surprises.

Not this

We craft synergistic, best-in-class digital experiences.

Design that fits.

Affordable packages for every budget!!!

11 · Assets

Ready to ship.

Share images, icons and banners are on the Brand page of this canvas at exact export sizes.

designfitBrand, website and ads design.designfit.ai
Open Graph · 1200 × 630
App icon · 512
designfit | Brand…Favicon · 32 / 16
Social avatar
Ava Chen
Creative Director
designfit
Email signature

Implementation

Add to the <head> of every page on designfit.ai.

<link rel="icon" href="/favicon.svg" type="image/svg+xml"><link rel="icon" href="/favicon-32.png" sizes="32x32"><link rel="apple-touch-icon" href="/apple-touch-icon.png"><link rel="manifest" href="/site.webmanifest"><meta name="theme-color" content="#111111"><meta property="og:site_name" content="designfit"><meta property="og:title" content="designfit | Brand, website and ads design"><meta property="og:description" content="Premium design, backed by data. Built to rank, convert and grow."><meta property="og:url" content="https://designfit.ai"><meta property="og:image" content="https://designfit.ai/og/home.png"><meta property="og:image:width" content="1200"><meta property="og:image:height" content="630"><meta name="twitter:card" content="summary_large_image">

12 · Downloads

Brand kit.

For partners, press and clients. Questions about usage? [email protected]

Brand guidelinesPDF · 13 pages
Logo mark, darkSVG
Logo mark, lightSVG
Colour tokensCSS variables
Colour and type tokensJSON
FaviconSVG