ArchLine Design System
ArchLine is a geometric, precise, and blueprint-inspired design system built for architecture and industrial design portfolios. It draws on drafting traditions with sharp edges, structured grids, and a restrained palette that evokes technical precision. Every element is designed to showcase spatial work with clarity and professionalism. The system prioritizes content hierarchy through typography and whitespace rather than decorative embellishment.
Color Palette
Typography
Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.
Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.
Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.
Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.
Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.
Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.
Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.
Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.
Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.
Spacing
Base: 4pxArchLine is a geometric, precise, and blueprint-inspired design system built for architecture and industrial design portfolios. It draws on drafting traditions with sharp edges, structured grids, and a restrained palette that evokes technical precision. Every element is designed to showcase spatial work with clarity and professionalism. The system prioritizes content hierarchy through typography and whitespace rather than decorative embellishment.
Components
Buttons
Cards
Card Title
Sample body text for the card component.
Card Title
Sample body text for the card component.
Inputs
Chips
Elevation & Depth
Do's & Don'ts
Do
Don't
Use with MCP
Don't have the MCP? Install it here