Skip to content
Browse
Library

Laravel. Red ink on blueprint paper.

  • Developer tools
  • Light theme
  • 12 colors
  • 2 typefaces

Laravel is a white-canvas framework site drawn like a technical sheet: a 1280px column bounded by dashed #e5e5e5 rails, with small Laravel Red #f53003 square markers pinned where each section rule meets them. Instrument Sans display lines at weight 400 and -0.05em tracking keep 60px and 72px headlines light, compressed and confident rather than shouted. Soft radial red glows bleed up behind sections, code sits on a pale blush panel in IBM Plex Mono, and the same red carries the wordmark, primary buttons, check icons and bracketed eyebrows. Dark #171717 quote cards and a full-bleed event photo carousel are the only heavy moments before a footer that ends in a giant cropped red wordmark.

Visit laravel.com
Screenshot of Laravel
Captured from laravel.com on October 23, 2026

Laravel design system

Laravel

Brand1

  • Wordmark, Deploy buttons, check icons, bracket eyebrows and rail markers — one hot red-orange carries every signal on a white sheet

Accent3

  • Radial red haze rising behind feature splits, testimonials and CTAs — atmosphere around content, never a hard fill

  • Code-editor panel fill behind the framework tabs — a 7% red tint that keeps code inside the brand temperature

  • Laravel Cloud layer and route lines in the isometric illustrations, and the blue glow on the scaling status pill

Neutrals8

  • Page canvas, navigation bar, outlined buttons, inputs and light quote cards

  • Stay updated newsletter button and the faint bottom stop of illustration tiles

  • Dashed column rails, section rules, logo-strip dividers and 1px button outlines

  • Newsletter input borders and secondary illustration strokes

  • Keyboard-shortcut hints like the ⌘K key and lowest-emphasis metadata

  • Supporting paragraphs, footer links, testimonial roles and inactive tab labels

  • Feature-block body copy that needs a step more contrast than Stone Gray

  • Headlines, navigation labels, button text and the dark featured quote cards

Try a pairing

Pick any two colors from the palette to check whether text stays readable on top.

Aa

Ink on Laravel Red

4.53 : 1 contrast

Background
Text
  • Body textPasses AA 4.5
  • Large textPasses AA 3
  • StrictFails AAA 7

More DESIGN.md files. Same web, different personalities.