Emblematic
Basicagency homepage, desktop
Basicagency homepage, mobile
Mobile, 390px

Typography

  • Scto Grotesk Acss: SctoGroteskAbody400 700100%
stylefamilysizeweightlinetracking
displayScto Grotesk A14px4001-0.013em
Type scale
Aa13Aa14
Body size
n/a
Display size
14px
Display tracking
-0.013em
Case
mixed

Color

light scheme
Palette by painted area
Text on bg
14.10:1
Muted on bg
undefined:1
Dark mode
none
Declared accent tokens
  • --bd-color-brand-secondary-red#D64121not on page
  • --bd-color-brand-secondary-green#088843not on page

Space, shape & depth

Spacing scale (base 5px)
  • 5
  • 20
  • 30
  • 35
  • 50
  • 80
  • 128
  • 140
  • 216
Corner radii
pill
Shadows (0)
none
Borders
none
Section padding
n/a

Layout & motion

Container
697px
Grid columns
n/a
Hero
unknown
Navigation
top-fixed+transparent
Page height
10,198px
Easing
cubic-bezier(0.28, 0, 0.49, 1)
Durations
130ms 250ms 650ms
Transitions
7
Keyframes
8
Stack
next.js, sanity, google-tag-manager, vercel

Page sections (1)

  1. Basicagency nav section
    01nav

How Basicagency compares

Largest heading
14px: smaller than 99% of indexed sites (median 60px).
Container
697px: narrower than 95% of indexed sites (median 1242px).
Text contrast
14.1:1: lower than 81% of indexed sites (median 17.6:1).
Page length
10,198px: longer than 68% of indexed sites (median 8,217px).
Corner radius
Mostly fully rounded (pill), shared by 53 of 274 indexed sites (19%).
Scto Grotesk A
The only site in the index that loads Scto Grotesk A.
Color scheme
Light by default, like 75% of indexed sites. Like 82% of sites, it doesn't switch with the system dark mode setting.

In short

What font does Basicagency use?

Basicagency uses Scto Grotesk A (loaded as "SctoGroteskA") for body text.

What are Basicagency's brand colors?

Basicagency's website uses a light scheme: background #F4F4F4, text #252422 and borders #FCFCFC.

How is Basicagency's website laid out?

The most common corner radius is fully rounded (pill), body text is nullpx with null line height, and the page container is 697px wide.

Similar to Basicagency