01. Colors
Luton pairs energetic orange with warm ink and pale blue-green surfaces. These samples use the existing Base Collection color variables.
Primary
#FE672E
Ink
#140C00
Body Text
#393734
Background
#DCE8E8
Surface
#E4F4F4
Yellow
#FFEE00
Teal
#015255
White
#FFFFFF
02. Typography
Raleway gives headings their confident character. Poppins keeps paragraphs, labels, and supporting text clear and comfortable to read.
Heading 1 · Raleway · Hero
Connect, Discover and Grow
Heading 2 · Raleway · Section
Ideas That Bring Us Together
Heading 3 · Raleway
Fresh Perspectives at Luton
Heading 4 · Raleway
Make Meaningful Connections
Heading 5 · Raleway
Explore Something New
Heading 6 · Raleway
Keep the Conversation Going
Body text · Poppins
Luton brings people together around technology, creativity, and business. Join the conversation, explore fresh perspectives, and discover ideas to take into your own work.
Small supporting text is used for helpful notes, labels, and secondary information.
03. Buttons & Links
Luton uses orange actions with dark offset edges and clear, direct labels. These examples reuse the existing button and text-link classes.
