Your signature starts here
Make room for a big idea.
Type, color and details that belong together. The same idea, with a completely different character.
The type pairing
Aa
Instrument Serif
Inter
Small details. Big personality.
ConsideredResponsive
The GenLP design system
Your website deserves its own character.
One coherent system. Room to make it yours.
01 / Choose your character
Find your signature.
Switch a family. Type, shapes and details change together.
Choose from 14 design families
Your signature starts here
Make room for a big idea.
Type, color and details that belong together. The same idea, with a completely different character.
The type pairing
Aa
Space Grotesk
Inter
Small details. Big personality.
ConsideredResponsive
Your signature starts here
Make room for a big idea.
Type, color and details that belong together. The same idea, with a completely different character.
The type pairing
Aa
Fraunces
Inter
Small details. Big personality.
ConsideredResponsive
Your signature starts here
Make room for a big idea.
Type, color and details that belong together. The same idea, with a completely different character.
The type pairing
Aa
Inter
Inter
Small details. Big personality.
ConsideredResponsive
Your signature starts here
Make room for a big idea.
Type, color and details that belong together. The same idea, with a completely different character.
The type pairing
Aa
Newsreader
Inter
Small details. Big personality.
ConsideredResponsive
Your signature starts here
Make room for a big idea.
Type, color and details that belong together. The same idea, with a completely different character.
The type pairing
Aa
Inter
Inter
Small details. Big personality.
ConsideredResponsive
Your signature starts here
Make room for a big idea.
Type, color and details that belong together. The same idea, with a completely different character.
The type pairing
Aa
Fraunces
Inter
Small details. Big personality.
ConsideredResponsive
Your signature starts here
Make room for a big idea.
Type, color and details that belong together. The same idea, with a completely different character.
The type pairing
Aa
Archivo Black
Inter
Small details. Big personality.
ConsideredResponsive
Your signature starts here
Make room for a big idea.
Type, color and details that belong together. The same idea, with a completely different character.
The type pairing
Aa
JetBrains Mono
JetBrains Mono
Small details. Big personality.
ConsideredResponsive
Your signature starts here
Make room for a big idea.
Type, color and details that belong together. The same idea, with a completely different character.
The type pairing
Aa
system-ui
system-ui
Small details. Big personality.
ConsideredResponsive
Your signature starts here
Make room for a big idea.
Type, color and details that belong together. The same idea, with a completely different character.
The type pairing
Aa
system-ui
system-ui
Small details. Big personality.
ConsideredResponsive
Your signature starts here
Make room for a big idea.
Type, color and details that belong together. The same idea, with a completely different character.
The type pairing
Aa
system-ui
system-ui
Small details. Big personality.
ConsideredResponsive
Your signature starts here
Make room for a big idea.
Type, color and details that belong together. The same idea, with a completely different character.
The type pairing
Aa
system-ui
system-ui
Small details. Big personality.
ConsideredResponsive
Your signature starts here
Make room for a big idea.
Type, color and details that belong together. The same idea, with a completely different character.
The type pairing
Aa
system-ui
system-ui
Small details. Big personality.
ConsideredResponsive
02 / Shape the layout
Same content. Three ways to shape the story.
Set the section layout, arrange the items, then choose how each card presents its content. Each choice changes a different part of the picture.
Illustrated example · Same content, different presentationNORTH STUDIO
What we do
Good ideas. Thoughtfully made.
Four ways to turn an idea into something people remember.
Brand identity
From the first idea to the small details.
Website design
From the first idea to the small details.
Art direction
From the first idea to the small details.
Spatial design
From the first idea to the small details.
Try changing one choice. The others stay yours.
In the editor, these are composition, collection and card. Available presentations depend on the section and its content.
03 / Set the mood
22 palettes. Light or dark. Already considered.
One palette carries through your website. Try a color, flip the switch, and see backgrounds and accents adapt together.
Amber · Light
NORTH STUDIOWebsite color preview
Room for ideas
Give your ideas a little color.
Backgrounds, accents and small details, all working together.
BackgroundInkBrand
22 palettes, each with light and dark built in. This preview uses Editorial’s palette tokens; each family gives them its own treatment.
Tell us about the website you need.
Tell GenLP what the website is for. It does the homework, then builds it.