Lio 01

Generated Aug 11, 2026

DESIGN.md for www.hackthebox.com

www.hackthebox.com9 colors19 componentsneue-haas-unica

Remix

12 screenshots captured· www.hackthebox.com

1 / 12 · Cyber Mastery: Community Inspired. Enterprise Trusted. | Hack The Box · Above the fold

Preview

the generated design system

Switch between the Visual preview, the rendered DESIGN.md and the Raw file.

Want a DESIGN.md like this for your own website?

Design tokens

Extracted from www.hackthebox.com

Primary

#8799B5

#242F40

#1E2939

#121C2B

#0F1623

#ACED2C

Neutral

#F4F4F4

#000000

Semantic

#F14141

Error/Danger

Typography · neue-haas-unicaGoogle Fonts

h320px · 700 · 28px

h414px · 600 · 20px

h516px · 400 · 24px

body12px · 400 · 19.5px

button16px · 500 · 24px

h248px · 500 · 60px

h130px · 400 · 37.5px

h248px · 400 · 60px

h172px · 800 · 72px

h272px · 400 · 90px

h160px · 400 · 75px

h224px · 500 · 32px

Spacing

16px

24px

8px

40px

32px

20px

12px

56px

Elevation

rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.25) 0px 25px 50px -12px

rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.1) 0px 2px 4px -2px

Components · 19

Remixes of www.hackthebox.com

Latest remixes

No public remixes yet. Be the first to make one.

Remix it