Visual design principles

These visual design principles provide guidance for applying and extending the 18F identity into other communication assets. They serve as a framework for evaluating potential design solutions against our core values and priorities.

18F's visual design principles are intended to be applied to projects that should reflect the 18F brand, not work we do for our partners.

Lead by example

You’re a role model. Don’t do anything you wouldn’t encourage others to copy.

• Is this design an example of best practices? If not, is it a modification you believe others should consider a best practice?
• How would you feel if this design was repeated across 18F or government?

Let the content be the voice

Bring clarity to content through design choices that support meaning and intent. Design a fair, inclusive, and open platform for the many voices that make up 18F.

• Do the visuals overpower the content?
• Do the design choices promote clarity of meaning?
• What message does the design convey before you read the words?
• How does typographic hierarchy contribute to understanding?
• Does the content design allow for multiple levels of engagement?

Start with the expected

Meet expectations before you raise them. Favor solutions from standards. Use common design patterns that establish confidence and trust. Don’t reinvent the wheel, incrementally improve it.

• Are you using a commonly used pattern?
• Has someone else solved this problem already?
• What is the potential benefit of an unconventional solution?
• Could your modifications be applied back to a standard?
• Are the unique elements of the design necessary? Could an existing element be used instead?
• Is the reason for design choices apparent?
• Does your design feel part of a considered visual system?

Convince with soundness not loudness

Design with confidence and calmness by being honest and direct. Practice visual design with solid fundamentals, attention to detail, flexibility, and resilience.

• Is the layout of elements intuitive?
• Does the design guide the viewer?
• Are you leveraging typographic styles?
• Are there elements that get in the way of understanding?
• Have you run spell check lately?
• Is the tone honest, respectful, and inviting?
• Does it exceed expectations for government?

Keep questioning

Have opinions, express them, and be open to change. Question the principles — acknowledge their dynamic, iterative nature. Evolve alongside 18F’s people, culture, and core values. Push forward.

• Is something missing? Is this an opportunity for the principles to grow?
• Are these principles consistent with 18F’s organizational principles?
• Do the decisions encouraged by these principles result in the desired outcomes for the folks using what we design?
• Have you discussed any dissatisfaction with the principles with anyone? Why not?