Typography
scale ratio 1.456- COLLINS Portrait Textcss: COLLINS Portrait Text Webdisplay40071%
- COLLINS Graphikcss: COLLINS Graphik Webbody40030%
| style | family | size | weight | line | tracking |
|---|---|---|---|---|---|
| display | COLLINS Portrait Text | 72px | 400 | 1 | -0.02em |
| headline | COLLINS Graphik | 16px | 400 | 1.3 | -0.01em |
| body | COLLINS Graphik | 16px | 400 | 1.3 | -0.01em |
| body-sm | COLLINS Graphik | 12px | 400 | 1 | -0.053em |
Type scale
Aa12Aa14Aa16Aa28Aa36Aa40Aa72
- Body size
- 16px / 1.3
- Display size
- 72px
- Display tracking
- -0.02em
- Case
- title
Color
dark schemePalette by painted area
- Text on bg
- 19.81:1
- Muted on bg
- 12.33:1
- Accent on bg
- 18.64:1
- Dark mode
- none
Space, shape & depth
Spacing scale (base 4px)
- 4
- 6
- 8
- 12
- 13
- 16
- 24
- 29
- 32
- 56
- 64
- 80
- 96
- 98
Corner radii
pill
Shadows (0)
none
- Borders
- hairline, 1px
- Section padding
- 333px
Components
exact computed valuesbutton-primary
Explore Programs
- backgroundColor
- #F8F8F7
- textColor
- #140700
- rounded
- 9999px
- padding
- 0px 24px
- height
- 45px
- fontFamily
- COLLINS Graphik
- fontSize
- 14px
- fontWeight
- 400
Layout & motion
- Container
- 1244px
- Grid columns
- 3
- Hero
- centered
- Navigation
- top-fixed+transparent
- Page height
- 5,402px
- Easing
- cubic-bezier(0.215, 0.61, 0.355, 1)
- Durations
- 250ms 500ms 700ms 800ms
- Transitions
- 46
- Keyframes
- 0
- Stack
- nuxt, sanity, netlify
Page sections (6)
01nav
02heroRewrite your worth.
03logosPrograms
04feature detailCase Studies
05ctaArts & Culture
06footer
How Wearecollins compares
- Body text
- 16px, the same as 40% of indexed sites (median 16px).
- Largest heading
- 72px: larger than 70% of indexed sites (median 60px).
- Type scale
- 1.46×: steeper than 85% of indexed sites (median 1.28×).
- Container
- 1244px: wider than 50% of indexed sites (median 1242px).
- Text contrast
- 19.8:1: higher than 74% of indexed sites (median 17.6:1).
- Page length
- 5,402px: shorter than 77% of indexed sites (median 8,217px).
- Corner radius
- Mostly fully rounded (pill), shared by 53 of 274 indexed sites (19%).
- COLLINS Portrait Text
- The only site in the index that loads COLLINS Portrait Text.
- COLLINS Graphik
- The only site in the index that loads COLLINS Graphik.
- Color scheme
- Dark by default, like 25% of indexed sites. Like 82% of sites, it doesn't switch with the system dark mode setting.
In short
What font does Wearecollins use?
Wearecollins uses COLLINS Portrait Text (loaded as "COLLINS Portrait Text Web") for headings. COLLINS Graphik (loaded as "COLLINS Graphik Web") is used for body text.
What are Wearecollins's brand colors?
Wearecollins's website uses a dark scheme: background #140700, text #FFFFFF, muted text #D0D0C8 and borders #F8F8F733.
How is Wearecollins's website laid out?
The most common corner radius is fully rounded (pill), body text is 16px with 1.3 line height, and the page container is 1244px wide.
